jQuery判断复选框checkbox是否选中简单介绍

当前位置：首页 > 代码实例 > html5 css3代码分类 > jQuery > jQuery判断复选框checkbox是否选中简单介绍

有时候需要判断复选框是否被选中，再根据实际情况进行不同的操作。
下面就来通过实例简单介绍一下如何判断一个复选框是否被选中，代码非常简单。

代码如下:

[ jQuery ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>如何判断复选框是否被选中-51前端</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript"> 
function chk(){ 
  var falg=0; 
  $("input[name=cbname]:checkbox").each(function(){ 
    if($(this).prop("checked")==false){
      alert("复选框没有被选中");
    }
    else if($(this).prop("checked")==true){
      alert("复选框被选中了");
    }
  })
} 
$(document).ready(function(){
  $("#bt").click(function(){
    chk();  
  }) 
})
</script> 
</head> 
<body> 
<input type="checkbox" name="cbname" />一
<input type="checkbox" name="cbname" />二
<input type="checkbox" name="cbname" />三
<input type="checkbox" name="cbname" />四
<input type="button" id="bt" value="点击测试效果" />
</body> 
</html>

代码描述：jQuery判断复选框checkbox 是否选中。jQuery判断复选框checkbox是否选中简单介绍

下载全部收藏

120 159

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册