jqueryattr⽅法获取input的checked属性问题
问题:经常使⽤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()
{
属于input属性var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}
总结,如果使⽤jquery,应使⽤prop⽅法来获取和设置checked属性,不应使⽤attr.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论