您好,欢迎来到舟合美食网。
搜索
您的当前位置:首页jquery全选checkBox功能实现代码(取消全选功能)_jquery

jquery全选checkBox功能实现代码(取消全选功能)_jquery

来源:舟合美食网


代码如下:



New Document




$("document").ready(function(){

$("#all").click(function(){
if(this.checked){
$("input[name='checkbox']").each(function(){this.checked=true;});
$("#btn1").attr("value","反选");
}else{
$("input[name='checkbox']").each(function(){this.checked=false;});
$("#btn1").attr("value","全选");
}
});

$("#btn1").click(function(){

$("[name='checkbox']").attr("checked",'true');//全选

})
$("#btn2").click(function(){

$("[name='checkbox']").removeAttr("checked");//取消全选

})
$("#btn3").click(function(){

$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数

})
$("#btn4").click(function(){

$("[name='checkbox']").each(function(){


if($(this).attr("checked"))
{
$(this).removeAttr("checked");

}
else
{
$(this).attr("checked",'true');

}

})

})
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
})
alert(str);
})
})
//-->




Copyright © 2019- zhouheie.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务