资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/dsgddjh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220