checkbox update another checkbox на другой форме

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, Bb, Bc и других флажков в форме B. Затем я хочу добавить функцию в форму B, чтобы при проверке всех или всех флажков они были отключены.

Я нахожусь в самом начале дизайна сайта, поэтому я ценю ваш совет в лучшем направлении.

Спасибо, Дэн

Answer 1

Там нет свойства идентификатора для CheckBox элементов, также необходимо изменить назначение на 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>