所使用的jquery版本为jquery-1.9.1，浏览器为Chrome
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.
分享到：
相关推荐
例如，在使用prop和attr方法时，我们应该知道属性checked在HTML中的默认值是"checked"，但DOM属性checked的值是一个布尔值，即true或false。这表示即使在HTML中没有显式地写上checked属性，DOM也会有一个checked属性...
在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但在特定场景下，它们的行为有所不同，尤其是在处理像`checked`这样的布尔属性时。`checked`属性是HTML元素的一个特性，它用于表示复选框或单选按钮是否...
在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，...
总结来说，当遇到`checkbox.attr("checked")`返回`undefined`的问题时，应该使用`checkbox.prop("checked")`来获取或设置复选框的实时状态。这在实现全选、反选等涉及复选框状态同步的场景中尤为重要。记住这个技巧...
在JavaScript的jQuery库中，`attr`和`prop`都是用于获取或设置元素属性的方法，但它们之间存在一些重要的区别。这些方法的使用场景不同，理解它们的差异对于编写高效且正确的JavaScript代码至关重要。 首先，`attr`...
与`.prop()`方法不同的是，`.attr()`方法主要用于获取和设置HTML标签中的属性值（attribute）。虽然在很多情况下，属性（attribute）和属性（property）的值是相同的，但它们是不一样的概念。`attribute`是在HTML...
在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性（attributes），但它们之间存在一些重要的差异。本文将详细介绍`prop()`的使用以及它与`attr()`的区别。 首先，`prop()`方法主要用于处理那些与DOM元素...
在jQuery中，`attr()`和`prop()`方法都是用来处理元素的属性（attributes）和特性（properties），但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先，属性...
jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...
例如，当我们对具有不同`checked`属性设定的输入元素分别使用`attr`和`prop`时，会发现`attr`总是返回`"checked"`或者`undefined`，而`prop`只返回`true`或`false`，这清楚地表明了两者对固有属性处理的不同。...
与`.attr()`方法不同，`.attr()`主要用于处理元素的特性（attributes），而`.prop()`更侧重于元素的状态或行为。例如，当用户勾选一个复选框时，`<input type="checkbox">`的`checked`属性就会被设置为`true`。 在...
在文章中提到的问题中，作者在IE8上代码能正常运行，在Chrome和Firefox却不行，主要问题在于他使用了.attr()方法来设置radio按钮的checked属性，而实际上应该使用.prop()方法。因为checked是一个Boolean型的DOM属性...
在jQuery中，`attr()` 和 `prop()` 方法都是用来获取或设置HTML元素的属性值，但它们之间存在一些关键的区别，特别是在处理某些特定属性，如`checked`时。标题和描述提到的问题在于从jQuery 1.6版本开始，`attr('...
在jQuery中，`attr()` 和 `prop()` 都是用来处理元素属性的方法，但它们之间存在重要的差异，这些差异主要体现在处理DOM元素的状态和属性值上。以下是对这两个方法的详细解释和对比： **attr() 方法** `attr()` ...