Question

嗨我有四个复选框，如果我单击一个复选框，然后自动选中其他复选框，如果我取消选中该复选框，则应该取消选中。我正在使用它，但它无法正常工作

  <p class="contact">
    <input type="checkbox" name="PlanA" value="A"onchange="document.getElementById('a2').checked=!this.checked;"><label for="PlanA"><span style="font-weight:bold">PlanA</span></label><br>
    <input name="PlanA" type="hidden" value=0 />
  </p>
  <p class="contact">
    <input type="checkbox" name="AndroidApps" id="a2" value=1><label for="AndroidApps"><span style="font-weight:bold">AndroidApps</span></label><br>
    <input name="AndroidApps" type="hidden" value=0 />
  </p>

我怎样才能实现这个目标？

Answer 1

试试这个

$("input[name=PlanA]").change(function(){

$("#a2").attr("checked",this.checked);
});

Demo

Answer 2

试试这个：

demo

onchange="document.getElementById('a2').checked=this.checked;"

请参阅此处fiddle2 multiple checkbox

Answer 3

尝试DEMO

$("input[name=PlanA]").change(function(){

$("#a2").attr("checked",this.checked);
});

Answer 4

尝试以下，纯javascript 将第一个复选框的ID定义为a1

  onchange="(document.getElementById('a1').checked) ? (document.getElementById('a2').checked = true) : (document.getElementById('a2').checked = false);">

Answer 5

可以使用＆＃34;形式＆＃34;将标签绑定到元素。属性。

HTML

<p class="contact">
   <input type="checkbox" id="PlanA" name="PlanA" value="A">
   <label for="PlanA">PlanA</label>
   <input name="PlanA" type="hidden" value=0 />
</p>
<p class="contact">
   <input type="checkbox" name="AndroidApps" id="AndroidApps" value=1>
   <label for="AndroidApps">AndroidApps</label>
   <input name="AndroidApps" type="hidden" value=0 />
</p>

JS

$('#PlanA').change(function(){$('#AndroidApps').attr("checked", this.checked);})

CSS

.contact label {font-weight: bold }

如何自动启用复选框？

5 个答案: