Как выполнять события, когда флажок установлен или не установлен в jquery

У меня есть следующий код jquery, который отлично работает.

$('#onlyTwo').click(function() {
                $("#textarea3").attr("disabled", true);
                $("#textarea4").attr("disabled", true);
                $("#radio3").attr("disabled", true);
                $("#radio4").attr("disabled", true);
                return true;
            });

Это приводит к отключению некоторых полей при нажатии флажка "onlyTwo". Как я могу сделать эти поля повторно введенными, когда флажок "onlyTwo" не установлен...

В основном, я хочу знать, как узнать, установлен ли флажок или нет.

Ответы

Ответ 1

или

$('#onlyTwo').click(function(){
   var stuff = $("#textarea3,  #textarea4, #radio3, #radio4");
   stuff.attr("disabled", $(this).is(":checked"));
});

Ответ 2

$('#onlyTwo').change(function() {
    $('.disableMe').attr('disabled', $(this).is(':checked'));
});

поэтому вам нужно добавить класс "disableMe" ко всем входам, текстовым полям, выбрать..., которые вы хотите отключить.

Ответ 3

$('#onlyTwo').click(function() {
     var elements = ['textarea3', 'textarea4', 'radio3', 'radio4'];
     var checked = $(this).attr('checked');

     jQuery.each(elements, function(element) {
       if (checked) {
         $('#'+element).attr('disabled', true);
       } else {
         $('#'+element).removeAttr('disabled');
       }
     });
})

Это простое решение для переключения отключенного атрибута на все элементы, которые вы хотите, когда отмечен $('#onlyTwo').

Исправлены проблемы с массивом, lol это было полон маленьких ошибок.