jQuery判断复选框是否被选中的3种方式

页面部分：

    点我

   

 

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

   1:      

无论是否勾选，都返回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:

});