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

Question

我有一个CheckBoxList有5个固定项目。当选中第一个项目时，我希望其余部分被禁用 - 仅限客户端。

你可以帮帮我吗？

Answer 1

您考虑使用5个CheckBox控件....

Answer 2

你可以使用nextAll和do（这假定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/