javascript - 单击基于标签名称的复选框

我有两个带有标题分别为“标题A”和“标题B”的标签的复选框。我想出一种方法，如果选中了“标题A”的复选框，则可以激活“标题B”的复选框，反之亦然。

<input type="checkbox">
<label>HEADLINE A</label>

<input type="checkbox">
<label>HEADLINE B</label>

这就是我的开始，但恐怕还差得远。

if($("label:contains('HEADLINE A')").closest('input').is(':checked')){
$("label:contains('HEADLINE B')").closest('input').is(':checked')
}

我是否使用正则表达式来匹配“标题”一词，然后提出适当的措施？

最佳答案

我相信应用程序必须将html的输入设置为带有标记或不带有标记，对吗？在此前提下，我相信解决方案是这样的：

var headlineA = $("label:contains('HEADLINE A')").prev('input');
var headlineB = $("label:contains('HEADLINE B')").prev('input');

headlineA.attr('disabled', true);
headlineB.attr('disabled', true);

if(headlineA.is(':checked')){
    headlineB.attr('disabled', false);
}
if(headlineB.is(':checked')){
    headlineA.attr('disabled', false);
}

你see here。只需将输入之一设置为html选中即可。

关于javascript - 单击基于标签名称的复选框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13240589/