Как очистить переключатель в Javascript?

Ответ 1

Вам не нужно иметь уникальный id для элементов, вы можете получить к ним доступ с помощью атрибута name:

Если вы используете name="Choose", то:

• С jQuery это так же просто, как:

  $('input[name=Choose]').attr('checked',false);
  

• или в чистом JavaScript:

     var ele = document.getElementsByName("Choose");
     for(var i=0;i<ele.length;i++)
        ele[i].checked = false;
  

  Демо для JavaScript

Ответ 2

Это должно сработать. Убедитесь, что каждая кнопка имеет уникальный идентификатор. (Заменить Choose_Yes и Choose_No с идентификаторами ваших двух переключателей)

document.getElementById("Choose_Yes").checked = false;
document.getElementById("Choose_No").checked = false;

Пример того, как должны быть названы радиокнопки:

<input type="radio" name="Choose" id="Choose_Yes" value="1" /> Yes
<input type="radio" name="Choose" id="Choose_No" value="2" /> No

Ответ 3

Если вы не собираетесь использовать jQuery, вы можете использовать простой javascript, например, такой:

document.querySelector('input[name="Choose"]:checked').checked = false;

Единственным преимуществом является то, что вам не нужно использовать циклы для двух переключателей

Ответ 4

Не лучше ли было бы добавить третью кнопку ( "ни" ), которая даст тот же результат, что и ни один из них?

Ответ 5

Подход ES6 для очистки группы переключателей:

    Array.from( document.querySelectorAll('input[name="group-name"]:checked'), input => input.checked = false );

Ответ 6

Простой, не требуется jQuery:

<a href="javascript:clearChecks('group1')">clear</a>

<script type="text/javascript">
function clearChecks(radioName) {
    var radio = document.form1[radioName]
    for(x=0;x<radio.length;x++) {
        document.form1[radioName][x].checked = false
    }
}

</script>

Ответ 7

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

$('input[id=male]').attr('checked',false);
$('input[id=female]').attr('checked',false);

Ответ 8

Если у вас есть переключатель с тем же идентификатором, вы можете отменить выбор

Определение радиокнопки:

<input type="radio" name="paymentType" id="paymentType" value="CASH" /> CASH
<input type="radio" name="paymentType" id="paymentType" value="CHEQUE" /> CHEQUE
<input type="radio" name="paymentType" id="paymentType" value="DD" /> DD

Сброс всех значений переключателя:

document.formName.paymentType[0].checked = false;
document.formName.paymentType[1].checked = false;
document.formName.paymentType[2].checked = false;
...

Ответ 9

YES<input type="radio" name="group1" id="sal" value="YES" >

NO<input type="radio" name="group1" id="sal1" value="NO" >

<input type="button" onclick="document.getElementById('sal').checked=false;document.getElementById('sal1').checked=false">