jQuery实现checkbox全选全不选的问题,网站一搜很多解决方法。但是在beyondAdmin中,jQuery实现checkbox全选全不选就显得很难。为什么呢?原因如下:
为安化等地区用户提供了全套网页设计制作服务,及安化网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、安化网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
beyondAdmin本身就是一个大框架,本身就有自己的样式,那么,checkbox本身就携带样式,除非你自己重新定义checkbox样式,否则,没有办法。
下面是html样式和js代码,创新互联在制作高端网站定制时候做出备注以及缺陷。
html代码:
在这个html代码中,name="itm[]"表示了数组的概念。value="{$order.id}"就是提交后的每个值。
js代码:
$("#checkall").click(function(){
if($("#checkall").attr("checked")){
$(".colored-blue").removeAttr("checked");
}else{
$(".colored-blue").attr("checked","checked");
}
});
在这个js代码中,$("#checkall").click的意思是当选择全选的按钮时候,会触发事件。if($("#checkall").attr("checked"))他是判断当全选打钩还是没打勾的时候,如果打勾说明全选了,那么下面的复选框都会选中,如果没打勾,就去除这个checked样式。
缺陷:
经过创新互联测试,代码首次执行和第二次执行是没问题的,但是到了第三次执行的时候,无论是全选打勾还是不打勾,下面的复选框都不会跟着变化。但是如果刷新整个页面,这个全选反选的功能又可以执行。