jquery处理复选框的问题

14号选手 2014-07-08 02:49:48

自己写了一个处理复选框全选反选和清空的处理的页面
代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

	<title>无标题</title>

</head>



<script type="text/javascript" src = "js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

	$(function(){

		$('#b1').click(function(){

		$("input[type='checkbox']").each(function(){

			$(this).attr("checked",true);

		});

	});



	$('#b3').click(function(){

		$("input[name='ck']").each(function(){

			$(this).attr("checked",false);

		});

	});



	$('#b2').click(function(){

		$("input[name='ck']").each(function(){

     		this.checked=!this.checked;

     	});

	});

});

</script>



<body>

	<input type = "checkbox"  name = "ck" value = "0">北京

	<input type = "checkbox"  name = "ck" value = "1">上海

	<input type = "checkbox"  name = "ck" value = "2">武汉

	<input type = "checkbox"  name = "ck" value = "3">黄石

	<br>

	<input type = "button"  name = "b1" id = "b1" value ="全选" >

	<input type = "button"  name = "b2" id = "b2" value ="反选" >

	<input type = "button"  name = "b3" id = "b3" value ="清空" >

</body>

</html>

运行之后，没反应，而且控制台没有提示，不知道错误出现在哪里，大家帮忙看下

...全文

172 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

14号选手 2014-07-08

打赏
举报

引用 8 楼 fangzuli 的回复:

[quote=引用 5 楼 xuchao1229 的回复:] [quote=引用 2 楼 xuzuning 的回复:]

<script type="text/javascript">
$(function() {
    $('#b1').click(function(){
        $("input[name='ck']").prop("checked",true);
    });
 
    $('#b2').click(function(){
        $("input[name='ck']").each(function(){
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });
 
    $('#b3').click(function(){
        $("input[name='ck']").prop("checked",false);
    });
});
</script>

恩，还真没用过prop 不过我觉得反选的那一段还是用原生js看着简洁一些，jquery显得就繁琐了一些

this.checked=!this.checked;

[/quote] jquery 还繁琐。。那easy ui 名字就取错了。。[/quote] 你自己仔细对比下就知道了

万玩完顽完 2014-07-08

打赏
举报

引用 5 楼 xuchao1229 的回复:

[quote=引用 2 楼 xuzuning 的回复:]

<script type="text/javascript">
$(function() {
    $('#b1').click(function(){
        $("input[name='ck']").prop("checked",true);
    });
 
    $('#b2').click(function(){
        $("input[name='ck']").each(function(){
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });
 
    $('#b3').click(function(){
        $("input[name='ck']").prop("checked",false);
    });
});
</script>

恩，还真没用过prop 不过我觉得反选的那一段还是用原生js看着简洁一些，jquery显得就繁琐了一些

this.checked=!this.checked;

[/quote] jquery 还繁琐。。那easy ui 名字就取错了。。

万玩完顽完 2014-07-08

打赏
举报

引用 6 楼 xuchao1229 的回复:

引用 4 楼 fangzuli 的回复:
[quote=引用 1 楼 xuchao1229 的回复:] 已经解决了，是checkbox有个一个位置拼错了

你没看到是我自己回复的啊，晕~~~~

[/quote] 自己回复，不结贴你也没分。。

14号选手 2014-07-08

打赏
举报

引用 4 楼 fangzuli 的回复:

引用 1 楼 xuchao1229 的回复:
已经解决了，是checkbox有个一个位置拼错了

你没看到是我自己回复的啊，晕~~~~

14号选手 2014-07-08

打赏
举报

引用 2 楼 xuzuning 的回复:

<script type="text/javascript">
$(function() {
    $('#b1').click(function(){
        $("input[name='ck']").prop("checked",true);
    });
 
    $('#b2').click(function(){
        $("input[name='ck']").each(function(){
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });
 
    $('#b3').click(function(){
        $("input[name='ck']").prop("checked",false);
    });
});
</script>

恩，还真没用过prop 不过我觉得反选的那一段还是用原生js看着简洁一些，jquery显得就繁琐了一些

this.checked=!this.checked;

万玩完顽完 2014-07-08

打赏
举报

引用 1 楼 xuchao1229 的回复:

已经解决了，是checkbox有个一个位置拼错了

万玩完顽完 2014-07-08

打赏
举报

解决了给分呀，给分呀。

xuzuning 2014-07-08

打赏
举报

<script type="text/javascript">
$(function() {
    $('#b1').click(function(){
        $("input[name='ck']").prop("checked",true);
    });
 
    $('#b2').click(function(){
        $("input[name='ck']").each(function(){
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });
 
    $('#b3').click(function(){
        $("input[name='ck']").prop("checked",false);
    });
});
</script>

14号选手 2014-07-08