Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > disable checkbox если поставили два флажка


Автор: implements 28.6.2013, 12:25
добрый день, есть пять чекбоксов, как можно сделать неактивными остальные треи, если пользователь поставил два флажка, и соответственно если убрал cheсk то заного сделать активными все 

Автор: bars80080 28.6.2013, 13:02
Код

<input type="checkbox" name="s1" value="1" class="chgrp" onclick="collect_ch();" />
<input type="checkbox" name="s2" value="1" class="chgrp" onclick="collect_ch();" />
<input type="checkbox" name="s3" value="1" class="chgrp" onclick="collect_ch();" />
<input type="checkbox" name="s4" value="1" class="chgrp" onclick="collect_ch();" />
<input type="checkbox" name="s5" value="1" class="chgrp" onclick="collect_ch();" />



Код

function collect_ch() {
    var checked = 0;
    $('.chgrp').each(function () {
        if(checked > 1) { $(this).css('disabled', true); }
        if($(this).css('checked')) { checked++; }
    });
}


нужна jquery
код не проверялся

Автор: implements 28.6.2013, 13:03
bars80080, спасибо, попробую, думаю если что не так подправлю сам!!!

Автор: implements 28.6.2013, 13:35
bars80080,  так нет не разобрался
что означает 
Код

if($(this).css('checked')) 


и

Код

var checked = 0;

находится в нутри функции, следовательно оно всегда будет обнуляться, при каждом вызове

Автор: JAYBE 28.6.2013, 15:56
function collect_ch() {
    var checked = 0;  // обнуление счётчика, который подсчитывает количество отмеченный чекбоксов
    $('.chgrp').each(function () { // проходим по каждому элементу с клссом chgrp
        if(checked > 1) { $(this).css('disabled', true); } // если счётчик больше единицы, то текущий элемент в переборе сделать disable
        if($(this).css('checked')) { checked++; }  // если текущий элемент в переборе отмечен (чекнут), то увеличить счётчик на единицу
    });
}

Поулчается что если повесить на чекборк вызов этой функции, то при чеке все остальные будут задизейблены.

И вообще, мне кажется что так будет "элегантнее":
Код

$("body").on("click", ".chgrp", function() {
    if ( $(".chgrp:checked").length>=2 ) {
        $(".chgrp:not(:checked)").attr("disabled", true);
    } else {
        $(".chgrp:not(:checked)").removeAttr("disabled");
    }
})

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)