最新消息:关注【已取消】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

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

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

 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/274.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论