页面部分:
<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>
□ 方法二:prop('checked')返回true或false,可使用
1: $(function() {
2: $('#btn').click(function() {
3: var isChecked = $('#cbx').prop('checked');
4: alert(isChecked);
5: });
6: });
□ 方法三: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:
});