jquery怎么获取checked属性

所使用的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.

有两种方法，

①：点击事件；如：

<input type="checkbox" class="ck" />

$(".ck").click()

这样就能设置复选框选中；

②：设置其checked属性；如：

<input type="checkbox" class="ck" />

$(".ck").prop("checked",true)

这样就设置复选框选中

在写入时，两者几乎没有区别。区别都主要体现在读取上：

1、attr只能读取checked的初始值或者由attr设置的checked属性值，而prop可以读取任何方式设置的checked属性值；

2、attr的返回值为checked和undefined，分别表示选中和未选中。而prop的返回值则是true和false。

因此，在处理checked这样的布尔型属性值（类似的还有selected,disabled和readOnly等）时，最好是使用prop而不是attr

---