我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery全选全不选,jquery全选全不选的实现

jquery怎么实现全选,全不选,删除功能

全选全不选

走过10余年,我们已为众多企业及政府机关提供专业的互联网服务。我们不只是一家专业网站设计公司;我们对营销、技术、服务都有自己独特见解,创新互联采取“创意+综合+营销”一体化的方式为您提供更专业的服务!创新互联经历的每一步也许不一定是最完美的,但每一步都有值得深思的意义。

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

if(this.checked) {

$("input[name='你的checkBox组的name']").prop("checked",true);

}

else {

$("input[name='你的checkBox组的name']").prop("checked",false);

}

});

至于删除功能,这个是需要ajax去做了

用jquery怎么实现全选/全不选

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

需要三个复选框。按个按钮

可实现全选,全不选,反选

怎么用jquery通过点击全选按钮实现全选?

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

这样就实现了全选和全不选。

Jquery实现复选框全选与全不选

//所有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/


本文标题:jquery全选全不选,jquery全选全不选的实现
链接地址:http://mswzjz.cn/article/dsgddjh.html

其他资讯