如何从 Javascript 禁用 CheckBoxList 中的项目？答案

【问题标题】：How to disable items in CheckBoxList from Javascript?如何从 Javascript 禁用 CheckBoxList 中的项目？
【发布时间】：2011-08-01 09:41:42
【问题描述】：

我有一个 CheckBoxList 有 5 个固定项目。检查第一项时，我希望禁用其余项 - 仅限客户端。

你能帮我解决这个问题吗？

【问题讨论】：

标签： javascript jquery asp.net checkboxlist

【解决方案1】：

您可以使用 nextAll 并执行（假设 jquery 版本 > 1.6）：

<div id='check'>
    <input type='checkbox' >
    <input type='checkbox' >
    <input type='checkbox' >
    <input type='checkbox' >
    <input type='checkbox' >
</div>

$('#check input:checkbox:first').click(function(){
    if($(this).is(':checked')){
       $(this).nextAll('input:checkbox').prop('disabled', true);
    }else{
        $(this).nextAll('input:checkbox').removeProp('disabled');
    }
});

在这里提琴：http://jsfiddle.net/nicolapeluchetti/QpAz6/

【讨论】：

【解决方案2】：

您是否考虑过使用 5 个 CheckBox 控件 ....

【讨论】：