javascript - 仅在启用复选框 A 时启用复选框 B，反之亦然

Question

我有两列具有可预测名称的复选框。当未选中 a 列中的复选框时，如何禁用 B 列中的复选框，并且仅在启用第一个复选框 a 时启用它？

 <dmf:checkbox 
 name="someNameAColumnNumber"
 value="true" 
 onclick = "enableColumnBCheckBox" runatclient="true" 
 />

是否有类似 on checkvalue = true 将等效复选框 B 设置为 true 的东西，反之亦然？

编辑复选框不在表格中。它们在嵌套表中。
EDIT2应该只在 IE6 中工作（我知道....）而不是寻找跨浏览器兼容性

Answer 1

你目前在使用任何 javascript 框架吗？如果没有，我推荐 jQuery。这可以在纯 javascript 中完成，并且很容易获得几乎跨浏览器的支持，但对于真正的跨浏览器支持，我绝对建议使用现有框架。假设 jQuery：

$('#checkboxA').click(function() {
    $('#checkboxB')[0].disabled = !this.checked;
});

Answer 2

想出了一种可以用作 onclick 事件的方法。

function toggleCheckBoxB(source) {

           var cbAID= source.id;

            var cbBID;
            cbBID= cbAID.replace("A", "B");


            if ( source.checked == 1 ) 
            {
                document.getElementById(cbBID).disabled = false;
            }
            else 
            {
                document.getElementById(cbBID).disabled = true;
                document.getElementById(cbBID).checked = 0;
            }

         }