jquery attr方法获取input的checked属性问题-优快云博客

本文详细解析了在jQuery中使用prop与attr方法获取input元素的checked属性时的差异。阐述了prop方法能正确返回boolean值，而attr方法则会因初始化状态不同返回undefined或checked字符串。建议在操作checked属性时使用prop方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase

<input type="checkbox" id="select" onclick="check()">全选
function check()
{
var checked=$("#select").prop("checked");
alert(checked);
$("input[name='procheck']").prop("checked", checked);
}

2.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#selectAll").attr("checked")都会返回undefined；

<input type="checkbox" id="select" onclick="check()" >全选

如果当前input中初始化已定义checked属性，则不管是否选中，$("#selectAll").attr("checked")都会返回checked.

<input type="checkbox" id="select" onclick="check()" checked>全选
function check()
{
var checked=$("#select").attr("checked");
alert(checked);
$("input[name='procheck']").attr("checked", checked);
}

总结，如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr.

转载于:https://www.cnblogs.com/qiu-Ann/p/7267616.html