Как убрать галочку с переключателя в JS?
Мне тяжело с этим. Идентификационный номер всегда меняется (в данном случае _t2342), поэтому я не могу выбрать его правильно. Я пытаюсь удалить 'checked = "true' из поля ввода с помощью JavaScript. Возможно ли это? У меня есть только массив из 2 элементов.
<table id = "inputFormPopup:_t2342">
<tbody>
<tr>
<td>
<input checked = "true" id = "inputFormPopup:_t2342:0" name = "inputFormPopup:_t2342" onchange = "document.getElementById('inputFormPopup:submitInptExtendPricing').click();document.getElementById('inputFormPopup').reset();" type = "radio" value = "ef">
<label
for = "inputFormPopup:_t2342:0"> Effective Date</label>
</td>
</tr>
<tr>
<td>
<input id = "inputFormPopup:_t2342:1" name = "inputFormPopup:_t2342" onchange = "document.getElementById('inputFormPopup:submitInptExtendPricing').click();document.getElementById('inputFormPopup').reset();" type = "radio" value = "ex"><label for = "inputFormPopup:_t2342:1"> Expiration Date</label></td>
</tr>
<tr>
<td>
</tr>
</tbody>
</table>
Все, что возможно в jQuery, можно сделать на ванильном JS
Вы что-нибудь еще пытались? Покажите нам JavaScript, который вы пробовали.
document.getElementById("inputFormPopup:_t2342:0").checked = false;Chazsolo, они использовали JQuery, пытались сделать это с помощью plane JS
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Получите элемент DOM и установите для атрибута checked значение true, как показано ниже:
var $button = document.getElementById('inputFormPopup:_t2342:1')
$button.setAttribute('checked',true);//this will check the radio
//$button.setAttribute('checked',false);//this will uncheck the radio
Или установите false, в зависимости от обстоятельств.
Привет, Самвел, спасибо, но в этом случае inputFormPopup: _t2342: 1 будет каждый раз меняться на что-то вроде inputFormPopup: _t2344_3
Это немного педантично, но переменные imo с префиксом $ должны быть зарезервированы для объектов jQuery.
@ user10343270, вам нужно иметь какой-то уникальный стабильный способ идентифицировать радио, будет ли это id, n-й дочерний элемент или что-то еще. Вы должны что-то выбрать.
Если идентификатор меняется, вы можете выбрать кнопку с помощью jquery. Например:
$('table > tr > td > input[type=radio]').setAttribute('checked', false);
checkboxID всегда меняется :(
Спасибо, я искал простое решение JS, если это возможно
Если на странице есть только одна таблица, вы можете начать с таблицы для выбора целевого элемента:
document.querySelector('table input[type=radio][checked=true]').checked = false;
Или с помощью селектора атрибут начинается с:
document.querySelector('table[id^=inputFormPopup] input[type=radio][checked=true]').checked = false;
это сработало :) спасибо document.querySelector ('table [id ^ = inputFormPopup] input [type = radio] [checked = true]'). checked = false;
Обратите внимание, что для многих решений требуется JQuery. Возможно ли это с помощью простого javascript?