checkbox选中相关问题总结

html:

<input type="checkbox" name="fruit" id="apple">苹果
<input type="checkbox" name="fruit" checked id="orange">橘子
<input type="checkbox" name="fruit" id="banana">香蕉

一、原生js

//选中
document.getElementById("apple").checked=true;    document.getElementById("orange").setAttribute('checked','checked');
document.getElementById("banana").setAttribute('checked',true);
//取消选中
document.getElementById("orange").checked=false;
//判断是否选中
if(document.getElementById("CheckedAll").checked)

取消选中不能用：

document.getElementById("banana").setAttribute('checked',false);

 

二、使用jquery

Jquery1.7.2.js

    //选中
    $("#apple").attr('checked',true);
    //判断是否选中
    $("#apple").is(":checked");//true
    $("#orange").is(":checked");//true
    $("#banana").is(":checked");//false
    //取消选中
    $("#orange").attr('checked',false);

1.7.2中不能用prop属性。

jquery-1.9.1.min.js

//选中
$("#apple").attr('checked',true);
$("#banana").prop('checked',true);

三、prop()和attr()区别

.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。

jquery 1.6+增加了.prop()方法 

<input type="checkbox" checked="checked" />

在1.6版中，调用方法$(":checkbox").attr("checked")方法将返回"checked"值，而不是true.

而之前的版本则会返回true/false。

 

1.添加属性名称该属性就会生效应该使用prop.

2.是有true,false两个属性使用prop.

3.其他则使用attr

参考：

http://www.cnblogs.com/KeenLeung/p/3799895.html