jQuery1.9.1针对checkbox的调整
来源:互联网 发布:java properties文件 编辑:程序博客网 时间:2024/06/05 11:14
在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下:
判断是否选中
$('#checkbox').prop('checked')
设置选中与不选中状态:
$('#checkbox').attr('checked',true)
$('#checkbox').attr('checked',false)
但此方法在jquery1.9.1中,有些处理不一样
IE10,Chrome,FF中,对于选中状态,第一次$('#checkbox').attr('checked',true)可以实现
但是当通过代码清除选中,下次再通过代码 $('#checkbox').attr('checked',true) 去选中时
虽然代码中有checked='checked',但是画面表现都没有打勾。
IE8,IE6下无此问题。
后来调查了相关的资料,发现现在attr('checked',true)都换成prop('checked',true)
下面给出个JQ1.8.x以后 的全选反选的JQ例子
JS代码部分如下
$(function(){ $("#select_yes").click(function(){ $("input[name=id]").each(function(){ $(this).prop("checked",true); }); }); $("#select_no").click(function(){ $("input[name=id]").each(function(){ $(this).prop("checked",false); }); });});
HTML代码部分如下
<input type="checkbox" value="1" name="id"><br/> <input type="checkbox" value="2" name="id"><br/> <input type="checkbox" value="3" name="id"> <br/> <input type="checkbox" value="4" name="id"> <br/> <input type="checkbox" value="5" name="id"> <br/> <input type="checkbox" value="6" name="id"> <br/> <input type="checkbox" value="7" name="id"> <br/>
<a href="javascript:void(0);" id="select_yes">全选</a> <a href="javascript:void(0);" id="select_no">返选</a>
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1针对checkbox的调整
- jQuery1.9.1即其以上版本针对checkbox的调整
- SlickGrid使用JQuery1.9.1后的调整列大小问题
- SlickGrid使用JQuery1.9.1后的调整列大小问题
- jquery1.9.1中checkbox第一次移除后再添加checked不显示的问题
- jquery1.6+ 获取checkbox的checked属性总是undefined
- android调整checkbox的大小
- jquery1.9 checkbox选中问题
- jquery1.9radio checkbox操作
- POSIX针对pthread线程的调整
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
- jquery1.10.*以上的版本中用jquery判断radio和checkbox是否被选中
- 常用正则表达式
- 推导正交投影变换
- Standford 机器学习应用的建议及机器学习系统的设计
- 使用js给td添加边框,不同条件下tr和td的visibility以及display属性的应用
- 指针在内存分配中的简单应用
- jQuery1.9.1针对checkbox的调整
- mfc 对话框 启动托盘
- 提升效率的若干Vim技巧
- Application之 属性
- 24系列EEPROM的应用
- Hdu 2066 一个人的旅行
- NANDflash和NOR flash的区别
- OpenNI:深度图显示方法
- 这是什么东西