Javascript 如何自动启用复选框？

嗨，我有四个复选框，我想如果我点击一个复选框，然后另一个复选框自动选中，如果我取消选中该复选框，那么它应该被取消选中。 我正在使用这个，但它不起作用

  <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>

我怎样才能做到这一点呢？

试试这个

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

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

试试这个

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

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

试试这个：

请参见此处

尝试以下操作：

请参见此处

试一试

---

试试下面的纯javascript 将第一个复选框的id定义为a1

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

---

试试下面的纯javascript 将第一个复选框的id定义为a1

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

---

标签可以通过使用form属性绑定到元素

HTML

CSS

---

标签可以通过使用form属性绑定到元素

HTML

CSS

---

onchange=document.getElementById'a2'。checked=this.checked；我是否可以在getElementByIdonchange=document.getElementById'a2.中传递多个复选框id。checked=this.checked；我可以在getElementById中传递多个复选框id吗我可以在getElementById中传递多个复选框id吗我可以在getElementById中传递多个复选框id吗

<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>

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

.contact label {font-weight: bold }