1.为啥我全选和取消只能生效一次,无法循环使用?
2.为啥我的反选判断失效???
3.代码如下:
HTML:
<form action="#" method="post" id="fomOne">
你爱好的运动是?
<br>
<br>
<input type="checkbox" name="items" id="checkedAll" value="篮球"> 篮球
<input type="checkbox" name="items" id="" value="足球"> 足球
<input type="checkbox" name="items" id="" value="乒乓球"> 乒乓球
<input type="checkbox" name="items" id="" value="羽毛球"> 羽毛球
<br>
<br>
<input type="button" value="全选" id="checkAll">
<input type="button" value="全不选" id="checkNo">
<input type="button" value="反选" id="checkRev">
<input type="submit" value="提交" id="sub">
</form>
JS代码:
//复选框应用:
$('#checkAll').click(function () {
$('input:checkbox').attr('checked',true);
})
$('#checkNo').click(function () {
$('input:checkbox').attr('checked',false);
})
$('#checkRev').on('click',function () {
if($('input:checkbox').is('checked',true)){
$('input:checkbox').attr('checked',false)
}else{
$('input:checkbox').attr('checked',true)
}
})
jquery的用法不对.去看下 attr的文档吧
http://www.css88.com/jqapi-1....
把attr换成 prop就可以了
顺手帮你改了代码