複選框更新另一種形式的複選框

我的第一個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取消選中表單B上的Ba，Bb，Bc和其他複選框。然後，我想在表單上添加一個函數B，因此檢查任何一個或所有複選框會導致Aa被取消選中。

我在網站設計的開始，所以我很感謝你對去最好的方向提供意見。

感謝，丹

來源

2015-06-23 tiredeyes

你是試圖通過id訪問元素。所以在兩個複選框中添加id。例如， – Waqar

沒有爲複選框元素沒有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>

來源

2015-06-23 04:25:05

http://jsfiddle.net/arunpjohny/a7yhfeqz/ –

即工作！非常感謝， – tiredeyes

function update(){ 

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

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

來源

2015-06-23 04:28:49

謝謝你補充說，丹 – tiredeyes

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

來源

2015-06-23 07:12:44 Cherryishappy

複選框更新另一種形式的複選框

回答

相關問題