<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<form id="form2">
<p>喜欢的运动</p>
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<br />
<input type="checkbox" id="allorno" value="全选/全不选" />全选/全不选
<input type="button" value="反选" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
$(function(){
$("#allorno").click(function(){
$("#form2 :checkbox[name=items]").attr("checked",$(this).attr("checked"))
});
})
</script>
</body>
</html>
————————————————————————
只有第一次点击全选的时候,有效果,再次点击想要全不选的时候,就不起作用了。
但是把$(this).attr("checked")换成原生写法this.checked就好使了,这是怎么回事呢?
jacsong
相关分类