页面部分:
<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:
});