Question

我的第一个javascript无效，希望你能提供帮助。

我正在尝试在一个表单上创建一个复选框，检查另一个表单上的复选框。这基于以下链接：check/uncheck checkbox based on another checkbox

这是我的简化代码

dir

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

如果我走错路径，如果这可行，那么我将更改它，以便检查Aa取消选中表单B上的Ba，Bb，Bc和其他复选框。然后我想在表单B上添加一个函数所以检查任何一个或所有复选框都会导致Aa被取消选中。

我正处于网站设计的最初阶段，所以我感谢您就最佳方向提出建议。

谢谢，Dan

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>

Answer 2

function update(){

    var original = document.getElementById("Aa");
    var other= document.getElementById("Ba");

    if (original .checked == true )
      other.checked = true;
    else
      other.checked = false;
}

Answer 3

    <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').checked ;
    var other= document.getElementById('Ba').checked ;

    if (original == true ){
      other = true;
    }else{
      other = false;}
   }
    </script>    
</form>
<form name="B"action="WebPage.php" method="POST">
  <input type="checkbox" name="Ba" id="Ba" value="Ba"/>Ba
</form>

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

3 个答案: