react實現全選 取消全選和個別選擇

2022-06-28 13:42:10 字數 687 閱讀 3699

react裡面實現全選和取消全選,個別選擇等操作,效果如下

}// 如果全選之後,取消勾選其中的乙個或多個,則會把全選也取消勾選掉

let result = this.state.checklist.some(j=>

})if(result)

let len = this

.state.checklist.length

let ev = true

;

for(let a=1;a)

}if(ev)

this.setstate()

} 

}

若有更優化的方案,歡迎提出~

全選 取消全選

這裡用到angularjs四大特性之二 雙向資料繫結 注意 沒寫一行dom 這就是ng的優點,bootstrap.css為了布局,js 也只是簡單建立ng模組和ng控制器 效果 全選 取消全選 title head body div class container ng controller myc...

jquery全選,取消全選

最近專案又用到了這個全選和取消全選的操作.如下 check all12 34 必須說的是jq1.6 以上才支援prop哦.關於prop可以看看下面這個.今天在用jquery的時候發現乙個問題用.attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 check...

jquery全選,取消全選

最近專案又用到了這個全選和取消全選的操作.如下 check all12 34 必須說的是jq1.6 以上才支援prop哦.關於prop可以看看下面這個.今天在用jquery的時候發現乙個問題用.attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 check...