jQuery使复选框一键全选/全不选

<form>
　　你爱好的运动是?
　　<input type="checkbox"  id="hxy"/>全选/不全选
　　<br />
　　<input type="checkbox" name="hxy" />1
　　<input type="checkbox" name="hxy" />2
　　<input type="checkbox" name="hxy"/>3
　　<input type="checkbox" name="hxy" />4
</form>

在第一个复选框中添加click()事件，

核心的jQuery代码如下：

<script type="text/javascript">
　　$(document).ready(function(e) {
　　$("#hxy").click(function(){
　　　　if(this.checked){
    　　　　$("[name=hxy]").attr("checked",true);

　　　　　　}else{

　　　　　　　　$("[name=hxy]").attr("checked",false);

　　　　　　}
　　　　});
　　});
</script>

这样就完成了一个最基本的全选/全不选的实例。

转载于:https://www.cnblogs.com/2016-cxp/p/10915392.html