假如在表格中,有一列checkbox,要实现钩选表头的checkbox,自动选中表中所有的checkbox。实现方法:
给表中所有的checkbox绑定change事件,当选中表头的checkbox,执行$(selector).trigger("click");,此时checkbox会被钩选,并且会触发change事件,并且这时checkbox.checked的值已经是true了。
如果给表格中的所有checkbox绑定click时间,然后执行$(selector).trigger("click");,虽然能够触发cilck事件,并且checkbox被钩选,但是此时的checkbox.checked却是false,在click事件执行完毕之后,checked才会变成true。
不要想绑定change事件,然后触发change事件。这样做既不会钩选,也不会影响checked的值!
注意:
这个例子只说明了正确触发所有钩选/非钩选操作的思路。如果完全按照这个例子做,会有bug:
如果原来就钩选了2个,有8个未钩选,然后钩选“全选”,会发现这2个钩选的变成未钩选的,8个变成钩选的了。
参考文章:http://stackoverflow.com/questions/7668826/jquery-triggerclick-not-firing-click-event-on-checkbox
相关推荐
jquery checkbox 选中 取消 checkbox多选
自己编写的一个jquery多选checkbox下拉框,已经封装好了,直接调用就可以
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox
jquery、js操作checkbox全选反选.docx
有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件,本人搜索整理一些常用技巧,需要了解的朋友可以参考下
jQuery_treetable实现checkbox树,实现多级联动,适用于权限树等各类需要树形结构数据的场景
jquery操作Radio、Checkbox、Select详细Demo
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
基于jQuery的Checkbox精美样式插件 .
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text
利用Jquery实现的自定义美化radio与checkbox,好东西赶紧下的额。
JQuery操作checkbox、radio等示例
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
jQuery弹出框checkbox复选框多选代码,jQuery弹出框checkbox复选框多选代码
jQuery 对checkbox的操作
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个