javascript - 复选框更新不同表单上的另一个复选框

Question

我的第一个 JavaScript 无法正常工作，希望你能帮忙。

我正在尝试使一个表单上的复选框选中另一个表单上的复选框。这是基于此链接:check/uncheck checkbox based on another checkbox

这是我的简化代码

<formname="A"
action="WebPage.php" method="POST">
<input type="checkbox" name="Aa" onchange="update()" value="Aa"/>Aa
<script type="text/javascript">
    function update(){
        var original = document.getElementById('Aa');
        var other = document.getElementById('Ba');
        original.checked = other.checked;
    }
</script>    
</form>
<formname="B"
action="WebPage.php" method="POST">
<input type="checkbox" name="Ba" value="Ba"/>Ba
</form>

这不起作用。检查 Aa 对 Ba 没有任何作用。

万一我走错了路，如果这可行，那么我会更改它，因此选中 Aa 会取消选中 Ba、Bb、Bc 和表单 B 上的其他复选框。然后我想在表单 B 上添加一个功能这样，选中其中的任何一个或所有复选框都会导致 Aa 被取消选中。

我正处于网站设计的初期，所以我很感谢您对最佳方向的建议。

谢谢，丹

Answer 1

复选框元素没有 id 属性，您还需要将赋值更改为 other.checked = original.checked;

<form name="A"
      action="WebPage.php" method="POST">
  <input type="checkbox" name="Aa" id="Aa" onchange="update()" value="Aa"/>Aa
  <script type="text/javascript">
    function update(){
      var original = document.getElementById('Aa');
      var other = document.getElementById('Ba');
      other.checked = original.checked;
    }
  </script>    
</form>
<form name="B"
      action="WebPage.php" method="POST">
  <input type="checkbox" name="Ba" id="Ba" value="Ba"/>Ba
</form>