仅当启用复选框 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;
            }

         }