关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

jquery判断checkebox复选框是否选中状态

JS/CSS 太平洋学习网 浏览 评论

 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>

效果如图所示。

QQ截图20171011224539.jpg

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/1011/274.html

    与本文相关的文章