形式/複選框使用類來創建切換組從一個，反之亦然

Question

我很可怕與js，但我設置創建一個切換。我可以在兩個物體之間而不是在一組，做這樣......這裏是什麼樣子......

在我的代碼，我創建了兩個類，一個用於所有，以及一個用於組... togglea，toggleb

Say '<tr><td WIDTH="50px" align="right">' 
Say '<div class="roundedOne">' 
Say '<input type="checkbox" name="memory" id="roundedOne" class="atoggle" />' 
Say '<label for="roundedOne"></label></td>' 
Say '</div>' 
Say '<td width="50px">Memory</td>' 

Say '<tr><td WIDTH="50px" align="right">' 
Say '<div class="roundedTwo">' 
Say '<input type="checkbox" name="wires" id="roundedTwo" class="atoggle" />' 
Say '<label for="roundedTwo"></label></td>' 
Say '</div>' 
Say '<td width="50px">Wires</td></tr>' 

Say '<tr><td WIDTH="50px" align="right">' 
Say '<div class="roundedThree">' 
Say '<input type="checkbox" name="eptest" id="roundedThree" class="atoggle" />' 
Say '<label for="roundedThree"></label></td>' 
Say '</div>' 
Say '<td width="50px">EPTEST</td></tr>' 

Say '<tr><td WIDTH="50px" align="right">' 
Say '<div class="roundedFour">' 
Say '<input type="checkbox" name="dcc" id="roundedFour" class="atoggle" />' 
Say '<label for="roundedFour"></label></td>' 
Say '</div>' 
Say '<td width="50px">DCC</td></tr>' 

Say '<tr><td WIDTH="50px" align="right">' 
Say '<div class="roundedFive">' 
Say '<input type="checkbox" name="All" id="roundedFive" class="btoggle" />' 
Say '<label for="roundedFive"></label></td>' 
Say '</div>' 
Say '<td width="50px">All</td></tr>' 

有沒有人有關於如何切換這兩個組的任何想法？請忽略該說的順便說一句，這是寫在REXX一個更大的CGI文件，謝謝你的一小部分....

Answer 1

試試這個：

$('.btoggle').click(function(){ 
    if($(this).is(':checked')) { 
     $('.atoggle').prop('checked', true); 
    } 
    else{ 
     $('.atoggle').prop('checked', false); 
    } 
}); 

這工作，因爲click事件後觸發該複選框已更改其狀態。