您好,我正在制作一个脚本来检查与主复选框相关的所有从属复选框。这将使用类来完成。因此,主复选框将具有“master1”、“master2”等类。相关的从属复选框将具有“slave1”类(与 master1 相关)、“slave2”类(与 master2 相关)等。
所以我将从以下开始:
jQuery('.checks_div input[type="checkbox"].^="master"').click(function(){
因此,当单击主服务器时,我想选择所有相关的从服务器并检查它们。但如何呢?
谢谢
最佳答案
$('input[type="checkbox"][class^="master"]').on("click",function(){})
但是委派更好
$(document.body).on('click','input[type="checkbox"][class^="master"]',function(){})
然后在点击函数中,如果您的从属设备位于主复选框的相邻 div 中
var $slaves=$(this).next().find('input[type="checkbox"][class*="slave"]')
如果 html 不同,我们会想出一种方法来从刚刚选中的框 $(this) 中选择那些奴隶
一旦你的奴隶进入 jquery 对象,检查它们:
$slaves.prop('checked', true);
参见Setting "checked" for a checkbox with jQuery?
如果你除了检查它们之外什么都不做,你甚至不需要将你的从属缓存在 jquery 对象中
$(this).//chain to select slaves
.prop('checked', true)
关于Jquery通过部分名称获取类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14603075/