javascript之jquery如何判断input type=checkbox中checked是否存在选中项呢?


摘要:
下文讲述jquery技巧-获取checkbox对象是否选中的方法分享,如下所示;

实现思路:
    方式1:
       jquery 1.6版本之前-我们检测checkbox是否被选中,可使用attr方法
         $("input[type='checkbox']").attr('checked')
        如果此方法返回false,则代表checkbox中无任何选中项
    
    方式2:
       jquery1.6版本之后,可使用prop方法,注意此时采用attr方法,将会返回undefined
        使用prop方法时,当有checked属性时,则返回true,反之返回false
          $("input[type='checkbox']").prop('checked')
    方式3:
       使用jquery is方法判断checkbox状态
       如:
          $("input[type='checkbox']").is(':checked')
        存在checked,则返回true
        反之返回false

例:

<meta charset='utf-8' />
<p>
maomao365.com<br />
jquery checkbox状态获取
</p>
<hr />

<script
 src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> 
</script>
<script>
$(function(){  
    $("#btn1").click(function(){
     
      alert("checkbox选中状态:"+$("#chk1").prop('checked')); 

    });
  
});

</script> 

<button id="btn1">
  checkbox值获取
</button>  
<hr />
<input type="checkbox" id="chk1" 
  name='chk' value="a" /> 
javascript  jquery检测Checkbox是否选中的示例分享

javascript
jquery检测Checkbox是否选中的示例分享