jquery判断checkebox复选框是否选中状态时,如果用attr()方法的话,不管是选中还是未选中返回的一直都是“checked”字符串,这样是无法判断checked是否选中的,所以需要用到jquery的prop()方法才行,prop()方法返回的就是true或者false了。
如果是设置checkbox选中状态的话,prop()和attr()方法的效果是一样的,下面就用一个简单案例来学习一下它俩的使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>太平洋学习网(tpyyes.com)</title>
<meta charset="utf-8">
<script src=>
</script>
<script>
$(function(){
//获取checkbox状态
$("#button1").click(function(){
var isChecked = $("#check1").prop("checked");
alert(isChecked);
});
//设置“女”checkbox选中状态
$("#button2").click(function(){
$("#check2").prop("checked","true");
//或者
//$("#check2").attr("checked","true");
});
});
</script>
</head>
<body>
<input type="checkbox" id="check1" checked>男
<input type="checkbox" id="check2">女</br>
<button id="button1">获取checkbox1按钮1状态</button>
<button id="button2">设置checkbox2按钮2状态选中</button>
</body>
</html>效果如图所示。
