jquery中判断复选框有没有被选上

时间:2019-10-09
本文章向大家介绍jquery中判断复选框有没有被选上,主要包括jquery中判断复选框有没有被选上使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

页面部分:

    <input type="checkbox" id="cbx" /><label for="cbx">点我</label><br/> 
    <input type="button" id="btn" value="获取复选框的值"/>

□ 方法一: attr('checked')返回undefined,不推荐使用

   1:      <script type="text/javascript">
   2:          $(function() {
   3:              $('#btn').click(function() {
   4:                  var isChecked = $('#cbx').attr('checked');
   5:                  alert(isChecked);
   6:              });
   7:          });
   8:      </script>


无论是否勾选,都返回undefined: 

□ 方法二:prop('checked')返回true或false,可使用

   1:          $(function() {
   2:              $('#btn').click(function() {
   3:                  var isChecked = $('#cbx').prop('checked');
   4:                  alert(isChecked);
   5:              });
   6:          });


勾选,返回true: 

不勾选,返回false: 

□ 方法三:is(':checked')返回true或false,可使用

   1:          $(function() {
   2:              $('#btn').click(function() {
   3:                  var isChecked = $('#cbx').is(':checked');
   4:                  alert(isChecked);
   5:              });
   6:          });

效果同方法二。


□ 遍历所有勾选复选框

$('input[type='checkbox']:checked').each(function(){
    //TODO:
});

原文地址:https://www.cnblogs.com/hy96/p/11640609.html