想要天天向上,就要懂得享受学习。图老师为大家推荐JQUERY复选框CHECKBOX全选,取消全选,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!
【 tulaoshi.com - Web开发 】
代码如下:
script type="text/javascript"
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
/script
input type='checkbox' id='id1' name='checkname[]' value='1' /value1
input type='checkbox' id='id2' name='checkname[]' value='2' /value2
input type='checkbox' id='id3' name='checkname[]' value='3' /value3
input type="button" id="checkall" name="checkall" value="全选" /
input type="button" id="delcheckall" name="delcheckall" value="取消全选" /
更加简单的一种:
代码如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").each(function(){this.checked=true;});
}else{
$("input[name='checkname']").each(function(){this.checked=false;});
}
}
);
来源:http://www.tulaoshi.com/n/20160219/1611087.html
看过《JQUERY复选框CHECKBOX全选,取消全选》的人还看了以下文章 更多>>