Сделайте флажок выключить саму кнопку при нажатии на нее с помощью jquery

Question

Для набора переключателей, где отмечен параметр 2-й из 3-х, как сделать его неактивным при нажатии на отмеченный параметр (то же самое, что и при снятии флажка)?

Answer 1

Попробуйте добавить фиктивную опцию радио и скрыть ее с отображением: нет

<form>
   <input type="radio" name="gender" value="male" checked> Male<br>
   <input type="radio" name="gender" value="female"> Female<br>
   <input type="radio" name="gender" style="display:none" value="other">
</form>

Тогда ваш JS будет:

var currentValue;
  $('form>input').click(function(){
    if(currentValue===$(this).val())     {
      $(this).parent().find('input:last-child').click();
      currentValue=$(this).parent().find('input:last-child').val();
    }
    else{
      currentValue=$(this).val()
    }
  });

В JS мы проверяем, был ли клик по фактической выбранной опции, и если это так, он выбирает фиктивную опцию, чтобы радио «сняло галочку» визуально. Надеюсь, это поможет вам.