checkbox全選 反選的實現

2021-07-13 06:30:00 字數 883 閱讀 2054

全選checkbox的click事件和每行的單個checkbox的click事件分別都要實現。

1.全選checkbox的click事件:

如果全選checkbox的狀態如果為選中(checked)時,每行的單個checkbox的checked屬性全部設定為true;

反之,則設定為false.

2.每行的單個checkbox的click事件

如果該行的checkbox未選中時,全選checkbox的checked屬性全部設定為false;

反之,則判斷所有行的checkbox都被選中時,則全選checkbox設定為true.

上面2的實現容易被忽視。

html實現:

no12

3 ......

js實現:

*全選/反選

* @para chkallid 全選checkbox的id

* @para chksubname 每行單個checkbox的name

*/function checkall(chkallid, chksubname) else  

});// 每行的單選框選中時

objsub.click(function()  

var chsub = objsub.length; //獲取subcheck的個數  

var checkedsub = $("[name = "+chksubname+"]:checkbox:checked").length; //獲取選中的subcheck的個數  

if (checkedsub == chsub)  

});}

jquery實現checkbox全選反選

對於jquery 1.6 的版本而言,用attr 去設定checkbox的checked屬性是不正確的。應該用prop 方法 input name checkbox name prop checked this prop checked 以下內容作廢 2014 09 11 jquery版本 1.4....

checkbox的全選與反選

最近在做乙個專案,其中乙個功能就是多選框的全選與反選。感覺很簡單的小功能,一下子想不起來怎麼實現了,很是耽誤時間。我在想,我有必要整理下自己的一些小demo了,也方便以後再使用的時候能快速的完成功能。加注釋很清晰,見 1 doctype html 2 html 34 head lang en 5 m...

js實現checkbox全選 不選與反選

一 思路 1.獲取元素 2.給全選 不選 反選新增點選事件 3.用for迴圈checkbox 4.把checkbox的checked設定為true即實現全選 5.把checkbox的checked設定為false即實現不選 6.通過if判斷,如果checked為true選中狀態的,就把checked...