jquery attr()方法获取input的checked属性问题
来源:互联网 发布:gtkwave mac 编辑:程序博客网 时间:2024/05/16 01:22
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别:
1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
<input type="checkbox" id="selectAll" onclick="checkAll()">全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(checkedOfAll); $("input[name='procheck']").prop("checked", checkedOfAll); }
2.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined;
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选
如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全选 function checkAll() { var checkedOfAll=$("#selectAll").attr("checked"); alert(checkedOfAll); $("input[name='procheck']").attr("checked", checkedOfAll); }
总结,如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr
简单的全选和取消全选
//全选单选框function CheckAll(obj) { if ($(obj).prop("checked")) { $("#act_list input:checkbox").each(function () { $(this).prop("checked", true); }); } else { $("#act_list input:checkbox").each(function () { $(this).prop("checked", false); }); }}
0 0
- jquery attr方法获取input的checked属性问题
- jquery attr()方法获取input的checked属性问题
- jquery attr方法获取input的checked属性问题
- jQuery中attr()方法和prop()方法获取input的checked属性的区别
- jquery利用attr、prop方法获取、设置input的checked属性
- jquery利用attr、prop方法获取、设置input的checked属性
- jquery 获取input的checked属性问题
- jquery 获取input的checked属性相关
- jQuery中attr()解决checked属性问题
- attr( ) prop 获取 input 的 checked属性值(特殊)
- Jquery attr("checked") attr("selected") 失效的问题
- jQuery attr()获取属性和设置属性的方法
- jQuery获取checkbox状态时attr('checked')返回undefined的问题
- jQuery中attr()和prop()的区别,修改checked属性
- jquery获取CheckBox的checked属性值问题
- Jquery使用attr("checked")获取的值为undefined
- jquery attr()方法 添加,修改,获取对象的属性值。
- jquery attr()方法 添加,修改,获取对象的属性值
- BZOJ 1227: [SDOI2009]虔诚的墓主人 数状数组
- PHP安装配置
- js去空格、去重函数
- swustoj大整数乘法(0447)
- 一个小方法解决RGBA不兼容IE8
- jquery attr()方法获取input的checked属性问题
- Spring tool suite初次安装的一些配置
- 人行清算系统由来
- 来自贝佐斯的决策指南(亚马逊),如何在一个非初创公司里保持快速的行动力?
- Apache与Nginx的优缺点比较
- 如何在centos7上面安装opencv3.0
- Spring学习-23:Spring中的JDBC Template(JDBC模板)快速入门
- 一行神奇的 javascript 代码
- 对接口参数进行加密调用接口获取信息