javascript - 表单/复选框使用类创建一个组之间的切换，反之亦然

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);
    } 
});

这是有效的，因为单击事件是在复选框更改其状态后触发的。