jquery attr方法获取input的checked属性问题
来源:互联网 发布:大汉骑军 知乎 编辑:程序博客网 时间:2024/05/16 10: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);
}
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.
https://shop117003426.taobao.com/?spm=a230r.7195193.1997079397.6.jgDaB2
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()方法 添加,修改,获取对象的属性值
- 多个Filter的执行顺序是如何确定
- iOS开发导包时选项的意义
- linux c++ 同步、异步简单实例
- LeetCode 31. Next Permutation
- UIView动画
- jquery attr方法获取input的checked属性问题
- ICMP协议数据包捕获
- 内存对齐及#pragma pack的使用
- java修饰符简单总结,this关键字的不完全理解.
- Excel使用技巧
- 大数组合数取模(逆元+打表)
- 电路中串联 并联 电阻作用
- nc linux服务器常用命令
- org.apache.commons.net.ftp下的FTPClient类缓冲区大小设置无效