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>
效果如图所示。