頁面部分：

??? <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: });

總結

以上是生活随笔為你收集整理的jQuery判断复选框是否被选中的3种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。