设置全选

使用jQuery设置元素选中的问题及解决办法

陌路散爱 提交于 2019-12-03 02:33:55
现在界面操作的js脚本很多人都是使用的jquery了吧,这其中就有很多的什么控制checkbox的选中与不选中啊什么的(特别是这个在做“全选”的时候很有用),还有就是某些时候的多选模式下的select的option的选中。 前段时间,公司开始了一个项目,里面就用到了jquery和jquery-ui,里面正好就有“全选”功能和多选模式的select,下面就来说说这里面遇到的坑。 由于要兼容IE10的版本,所以只能用1.X的版本,然后又用了jquery-ui,所以最终定的版本就是1.11.4. 这里面遇到的坑,其实都是由于一个原因引起的————使用了错误的方法! 表现出来的现象是这样子的: (用checkbox做“全选”举例哈)加载页面后,设置checkbox的“checked”属性为true $(".list_checkbox").attr("checked", $(this).is(":checked")); 设置之后呢,就是符合预期的,通过firebug查看界面的及时html代码,可以看到,其实是在checkbox中加了 checked="checked" 然后取消“全选”,就把这个去掉了,也就取消了选中状态,这很好理解,到目前为止都还是符合预期的。 但是接下来就不知道是怎么回事了,再次点击“全选”,在html代码的checkbox中也确实添加了 checked="checked