javascript - 从客户端的复选框列表中设置第一个复选框被选中，其他复选框被禁用

Question

我有一个复选框列表。在加载页面时，我希望我的第一个复选框为真，其他复选框被禁用。我只需要从复选框列表中选中一个复选框，其他复选框应该被禁用。如果使用未选中的复选框，那么其他人应该启用意味着只允许一个复选框检查。

我的 javascript 代码在这里，但在页面加载时它没有选中第一个复选框，我还想要在使用复选框列表时每个复选框的 ID。

function CheckOptions(CheckBoxList) {
         var checkboxlist = document.getElementById('CheckBoxList1');

            var checkedCount = 0;
            var options = CheckBoxList.getElementsByTagName('input');                
            for (var i = 0; i < options.length; i++) {
                if (options[i].checked) {                       
                    checkedCount += 1;
                }
            }

            if (checkedCount > 0) {
                for (var j = 0; j < options.length; j++) {
                    if (!options[j].checked)
                        options[j].disabled = true;

                }                }
           else {
                for (var k = 0; k < options.length; k++) {
                    options[k].disabled = false;
                }
            }

    }

Answer 1

如果您一次只想选中一个，听起来一组单选按钮会更好地满足您的目的。