JS function 复选框

最新推荐文章于 2025-04-16 23:09:41 发布

weixin_34259159

最新推荐文章于 2025-04-16 23:09:41 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dong208/p/9781175.html

本文介绍了使用jQuery实现复选框联动的方法，具体为当主复选框被点击时，其下级复选框的状态会跟随改变。通过$.ready简化写法，确保DOM加载完成后执行绑定事件。

function三种写法

1.$(document).ready(function(){})

2.$().ready(function(){})

3.$(function(){}) （前面两种的简写）

html复选框

<tr>
　　<td style="width:30%" align="left">
　　　　<input type="checkbox" id="btnAgents" name="btnCheckbox" style="margin-bottom: 8px" value="btnAgents"/>代理商管理

　　</td>
　　<td style="width:70%">
　　　　<input type="checkbox" id="btnAgents1" name="btnCheckbox" value="btnAgents1" style="margin-bottom: 8px"/>代理商列表
　　　　<input type="checkbox" id="btnAgents2" name="btnCheckbox" value="btnAgents2" style="margin-bottom: 8px" />新增代理商
　　</td>
</tr>

$(function () {
　　//代理商管理
　　$("#btnAgents").bind("click", function () {
　　　　$("#btnAgents1").attr("checked", $("#btnAgents").prop("checked"));
$("#btnAgents2").attr("checked", $("#btnAgents").prop("checked"));
});

})

转载于:https://www.cnblogs.com/dong208/p/9781175.html