Взаимозависимые checkbox

Опубликовано: 07 Авг 2016

Скрипт, которой дает возможность выбрать только один из двух checkbox, т.к. после выбора любого из них - второй становится неактивным.

Разметка страницы.

<div class="val-text-4">
Первый
<input type="checkbox" id="c1" name="check1[]" value="+" class="val-field-4" />
<label for="c1"><span></span></label>V1
</div>
<div class="val-text-5">
Второй
<label for="c2"><span></span></label>V2
</div>

Сам скрипт.

<script>
$("#c1").change(function(){
if($('#c1').prop('checked')) {
     $('#c2').attr('disabled', "disabled");
        $(".val-text-5").css("color", "grey")
}
else{
    $('#c2').removeAttr('disabled');
       $(".val-text-5").css("color", "#333")
}
});
$("#c2").change(function(){
  if($('#c2').prop('checked')) {
     $('#c1').attr('disabled', "disabled");
     $(".val-text-4").css("color", "grey")
}
else{
     $('#c1').removeAttr('disabled');
         $(".val-text-4").css("color", "#333")
}
});
</script>

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: