Как сделать disable только для определенный radio?

Question

[Павел Инки]

Привет всем, подскажите как сделать неактивным checkbox (id="parts_clear") если выбран radio id="image_upload", и если выбран id="parts_upload" то чекбокс опять активный стал?

<input type="radio" id="parts_upload" class="icheck-input" value="Part_upload" name="upload">
    <input type="radio" id="image_upload" class="icheck-input" value="Image_upload" name="upload">

   <input type="checkbox" id="parts_clear" class="icheck-input" value="Part_clear" name="clearer">

вот так у меня не работает -

$(function() {
  $("[value=Image_upload]").click(
       $("#parts_clear").attr("disabled", true);
   );
 });

Answer 1

[Владимир Ио]

Вот https://jsfiddle.net/0qnty8e3/

Comments

[Павел Инки]

Оно! Спасибо!

[Дмитрий Королёв]

Павел Инки: считаю нужным заметить, что в данном варианте не предусмотрено
а) вариант клика по лейблу, а не по радиокнопке
б) вероятность того, что радиокнопок будет больше, чем одна - их все придётся прописывать отдельно.

[Владимир Ио]

Дмитрий Королёв: Вне всякого сомнения ваш вариант лучше и продуманней) Я за пару секунд дал человеку ответ по функционалу, который был описан) А если глубже думать, то и правда он далеко не оптимален) Спасибо за замечание!

Answer 2

[Дмитрий Королёв]

(function ($) {
    'use strict';
    
    $('[name=upload]').on('change', function (e) {
        var selected = $('[name=upload]:checked'),
            checkbox  = $('#parts_clear');
        
        if ('image_upload' === selected.attr('id')) {
            checkbox.prop('disabled', true);
        } else {
            checkbox.prop('disabled', false);
        }
        
    });
}(jQuery));

jsfiddle.net/jfyn99kb

P.S. Считаю более корректным в данной ситуации обрабатывать не событие клика, а событие изменения состояния.

Answer 3

[lega]

Сделал пример на Angular Light (если захотите попробовать что-то более высоко-уровневое).
Тут все просто:
1) al-radio="upload" value="Image_upload" -> устанавливает переменную upload="Image_upload"
2) al-disable="upload == 'Image_upload'" -> ставит disable если выполняется условие upload == 'Image_upload'