Как отключить элементы в CheckBoxList из Javascript?

Question

У меня есть CheckBoxList с 5 фиксированными предметами.Когда проверяется первый элемент, я хочу, чтобы остальные были отключены - только на стороне клиента.

Не могли бы вы помочь мне с этим, пожалуйста?

Answer 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');
    }
});

здесь: fiddle: http://jsfiddle.net/nicolapeluchetti/QpAz6/

Answer 2

Вы рассматривали возможность использования 5 CheckBox элементов управления ....