Javascript 选中具有一个全局函数的多个复选框_Javascript_Html_Jquery

Javascript 选中具有一个全局函数的多个复选框

javascript html jquery

Javascript 选中具有一个全局函数的多个复选框,javascript,html,jquery,Javascript,Html,Jquery,我正在尝试选择一个复选框列表。输入是动态生成的，并且有多个复选框列表-因此我通过发送的id创建了一个全局函数，以便选中/取消选中正确的复选框列表。我认为节点列表中的节点循环导致了问题，但在我看来，这是有道理的，但是复选框没有检查，也没有出现错误函数checkAll（名称）{ var nodeList=$（name）.next（'input[type=“checkbox”]”）；变量节点=$（节点列表）；节点。每个（功能（节点）{ 如果（！node.disabled）{ node.che

我正在尝试选择一个复选框列表。输入是动态生成的，并且有多个复选框列表-因此我通过发送的id创建了一个全局函数，以便选中/取消选中正确的复选框列表。我认为节点列表中的节点循环导致了问题，但在我看来，这是有道理的，但是复选框没有检查，也没有出现错误

函数checkAll（名称）{
var nodeList=$（name）.next（'input[type=“checkbox”]”）；
变量节点=$（节点列表）；
节点。每个（功能（节点）{
如果（！node.disabled）{
node.checked=true；
}
}); 
}


其他地点（多店）
全部的
没有一个
商店1

只需使用：

函数checkAll（名称）
{
document.querySelectorAll（`${name}input[type=checkbox]`）.forEach（nod=>
{
如果（！nod.disabled）nod.checked=true；
}); 
}

您可以很好地使用find here。考虑一下你的名字是一个ID，所以把你的名字放在标签上。我还建议使用事件侦听器。我更新了你的代码以使用它，因此我给了你的btn一个id

document.getElementById（'btn'）.addEventListener（'click'，function（）{checkAll（'LocationsTable'）}）
函数checkAll（名称）{
var nodeList=[…$（`${name}`）。find（'input[type=“checkbox”]'）；
nodeList.forEach（函数（节点）{
如果（！node.disabled）{
node.checked=true；
}
}); 
}


其他地点（多店）
全部的
没有一个
商店1
商店1
商店1

您想在传递给函数的选择器前面加上一个

-一个

id选择器

。那么，您在函数中所需的就是：

$(name).find('input[type="checkbox"]').not(':disabled').prop('checked',true);

演示

函数checkAll（名称）{
$（名称）.find（'input[type=“checkbox”]”）。not（'：disabled'）。prop（'checked'，true）；
}
函数取消勾选（名称）{
$（名称）.find（'input[type=“checkbox”]”）。not（'：disabled'）。prop（'checked'，false）；
}


其他地点（多店）
全部的
没有一个
商店1
商店2
商店3
商店4

[html]相关文章推荐

随机文章推荐