jQuery的CheckBox全选反选时,勾选失效的问题
2017-02-28 13:36
239 查看
在做复选框的时候,全选、反选应该是比较常用的功能。我在做这个功能时,发现多次全选、反选之后,页面展示的“勾选”效果失败了,页面上没有展示出勾选效果。但是追踪js,发现已经是选中状态。
在网上搜了下,原因可能是不同的jQuery版本,有的方法可能已经弃用。jQuery的版本太老,或太新,都有可能发生这种情况。下面贴代码:
我的jQuery版本是:jQuery v1.11.1。
部分easyUI的datagrid代码,我的复选框是动态生成的:
在网上搜了下,原因可能是不同的jQuery版本,有的方法可能已经弃用。jQuery的版本太老,或太新,都有可能发生这种情况。下面贴代码:
我的jQuery版本是:jQuery v1.11.1。
部分easyUI的datagrid代码,我的复选框是动态生成的:
{field:'id',title:'<input id=\"allcheck\" type=\"checkbox\" >',width:30,align:'center', formatter:function(v,row,index){ if(row.confirmResult == 1) return "<input class=\"checkbox\" type=\"checkbox\" value=\""+row.orderId+"\" />"; if(row.confirmResult == 2) return "<input type=\"checkbox\" disabled=\"disabled\" />"; }},下面是根据生成的CheckBox,全选按钮的全选、反选效果实现的代码:
$("#allcheck").click(function(){ if($("#allcheck").is(":checked")){ $(".checkbox").each(function(){ $(this).prop("checked", true); }); }else{ $(".checkbox").each(function(){ $(this).removeAttr("checked"); }); } });利用removeAttr()和prop()方法,完全没问题。
相关文章推荐
- Jquery操作checkbox全选、反选失效的问题解决
- jquery checkbox 全选失效问题
- jquery中checkbox全选失效的解决方法
- 解决jquery操作checkbox全选全不选无法勾选问题
- jquery checkbox 全选反选,解决第二次失败的问题
- jquery操作checkbox全选全不选无法勾选问题
- 关于jquery中checkbox全选一次问题
- 关于jQuery实现CheckBox全选只能生效一次的问题
- jQuery全选全不选第二次失效问题解决办法
- 解决jquery操作checkbox全选全不选无法勾选问题
- jquery中checkbox全选失效的解决方法
- 解决jquery操作checkbox全选全不选无法勾选问题
- Ext.selection.CheckboxModel全选失效问题
- 多个jquery.datatable共存,checkbox全选异常问题的解决
- jquery中checkbox全选失效的解决方法
- 解决jQuery操作checkbox第二次失效的问题
- jquery的attr和removeAttr实现checkbox全选和取消全选问题
- 解决JQuery全选/反选第二次失效的问题
- 解决jquery操作checkbox全选全不选无法勾选问题
- 基于jQuery的checkbox全选问题分析