darrenji

页面部分:

    <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:
1

 

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

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


勾选,返回true:
2

不勾选,返回false:
3

 

□ 方法三: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:
});

分类:

技术点:

相关文章: