当点击左上方那个checkBox时,要将下面的checkBox全部选中,我们的代码是这样的
$("input[name='checkbox']").attr("checked",true);
然并卵,一点效果都没有,后来换成这样,好了
$(function(){
$("#all").click(function(){
if($("#all").prop("checked")){
$("input[name='checkbox']").prop("checked",true);
}else{
$("input[name='checkbox']").prop("checked",false);
}
});
});
prop()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是undefined。
对于HTML元素本身就带有的固有属性,在处理时,使用prop()方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr()方法。
具有 true 和 false 两个值的属性,如 checked, selected 或者 disabled 使用prop()