JQ 全选全不选

Posted 帅就一个字却跟我一辈子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ 全选全不选相关的知识,希望对你有一定的参考价值。

$(document).ready(function() {

$("#isalldebt").click(function()
{
if ($(this).attr("checked")) { // 全选

$("input[name=‘debt_type‘]").each(function(){
$(this).attr("checked", true);
});
}
else { // 取消全选

$("input[name=‘debt_type‘]").each(function(){
$(this).attr("checked", false);
});
}
});


});

=======================下面html代码 

 

<input id="1" name="debt_type" value="0" type="checkbox">

<input id="2" name="debt_type" value="1" type="checkbox">

<input id="3" name="debt_type" value="2" type="checkbox">

 

 

 

<input type="checkbox" id="isalldebt">
<label for="isalldebt" onclick="isalldebt()" >全选</label>

 

 


以上是关于JQ 全选全不选的主要内容,如果未能解决你的问题,请参考以下文章

checkbox实现全选全不选

javascript实现复选框的全选全不选

全选全不选反选

jquery全选反选全不选代码

jquery全选全不选反选

jQuery全选全不选反选