大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
全选全不选
走过10余年,我们已为众多企业及政府机关提供专业的互联网服务。我们不只是一家专业网站设计公司;我们对营销、技术、服务都有自己独特见解,创新互联采取“创意+综合+营销”一体化的方式为您提供更专业的服务!创新互联经历的每一步也许不一定是最完美的,但每一步都有值得深思的意义。
$("#cbxAll").click(function(){
if(this.checked) {
$("input[name='你的checkBox组的name']").prop("checked",true);
}
else {
$("input[name='你的checkBox组的name']").prop("checked",false);
}
});
至于删除功能,这个是需要ajax去做了
script
$("#seleall").click(function(){
$(":checkbox").attr("checked",true);
})
$("#selenone").click(function(){
$(":checkbox").attr("checked",false);
})
$("#selere").click(function(){
$(":checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"))
});
})
/script
需要三个复选框。按个按钮
可实现全选,全不选,反选
HTML代码:
table
tr
tdinput type="checkbox" name="b"全选/tdtd内容/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选1/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选2/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选3/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选4/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选5/td
/tr
tr
tdinput type="checkbox" name="a"/tdtd复选6/td
/table
JAVASCRIPT代码:
script
$("input[name='b']").click(function(){
//判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型
if($(this).is(":checked")){
$("input[name='a']").prop("checked",true);
}else{
$("input[name='a']").prop("checked",false);
}
});
/script
3
这样就实现了全选和全不选。
//所有checkbox跟着全选的checkbox走。 $('[name=items]:checkbox').attr("checked", this.checked );});$('[name=items]:checkbox').click(function(){ //定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,提升程序效率。 var $tmp=$('[name=items]:checkbox'); //用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。 $('#CheckedAll').attr('checked',$tmp.length==$tmp.filter(':checked').length); /* //一行做过多的事情需要写更多注释。复杂选择器还可能影响效率。因此不推荐如下写法。 $('#CheckedAll').attr('checked',!$('[name=items]:checkbox').filter(':not(:checked)').length);*/});//输出值$("#send").click(function(){ var str="你选中的是:\r\n"; $('[name=items]:checkbox:checked').each(function(){ str+=$(this).val()+"\r\n";})alert(str);});});/script/headbodyform method="post" action="" 你爱好的运动是?input type="checkbox" id="CheckedAll" /全选/全不选br/ input type="checkbox" name="items" value="足球"/足球 input type="checkbox" name="items" value="篮球"/篮球 input type="checkbox" name="items" value="羽毛球"/羽毛球 input type="checkbox" name="items" value="乒乓球"/乒乓球br/