Как удалить ввод текста из поля формы при нажатии?

Question

У меня есть группа переключателей и одно текстовое поле ввода. Когда я нажимаю на ввод текста, радиокнопки становятся неконтролируемыми с помощью JavaScript, но когда я ввожу что-то в поле формы, а затем повторно выбираю переключатель, я не могу удалить текст. Вот мой код до сих пор. Если кто-то может помочь мне получить текстовое поле, чтобы очистить все входные данные, когда я выбираю радио, которое я знаю, закрываю.

<input type="radio" id="radio1" name="radios" checked> 
<label for="radio1">$10</label> 
<input type="radio" id="radio2" name="radios" > 
<label for="radio2">$25</label> 
<input type="radio" id="radio3" name="radios" > 
<label for="radio3">$50</label> 
<input type="radio" id="radio4" name="radios" > 
<label for="radio4">$100</label> 
<input type="text" id="textInput"> 
<script> 
<!-- to remove radio on text input click--> 
$('#textInput').click(function() { 
    $.each($('input[type=radio]'), function() { 
     $(this).removeAttr("checked"); 
}); 
}); 
<!-- to remove text on text radio button click--> 
$('input[type=radio]').click(function() { 
    $.each($('#textInput'), function() { 
     $(this).removeAttr("input"); 
}); 
}); 
</script> 

Answer 1

Просто снимите их значение, используя val(). input не является атрибутом, это имя тега.

$.each($('#textInput'), function() { 
    $(this).val(""); 

Answer 2

Просто используйте .val(), также вам не нужно $.each

$('input[type=radio]').click(function() { 
    $('#textInput').val('');    
}); 

Answer 3

Вы должны использовать .val(""), чтобы установить значение текстового поля, чтобы опорожнить.

Попробуйте это,

$('#textInput').each(function() { 
    $(this).val(""); 
});