页面部分: input type="checkbox" id="cbx" /label for="cbx"点我/labelbr/ input type="button" id="btn" value="获取复选框的值"/ □ 方法一: attr(‘checked‘)返回undefined,不推荐使用 1: script type= "text/javascrip
页面部分:
<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:
});