Есть форма:
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
Как в jQuery или JavaScript сделать так, чтобы при клике на радио кнопку в <input>
устанавливался атрибут "checked="checked"
? Тогда как у остальных до этого выбранных этот атрибут должен пропадать. Т.е. у выбранной кнопки всегда должен присутствувать "checked="checked"
.
Например, мы выбрали кнопку с id='radio1'
, у нее должен появиться атрибут checked
. После этого мы решили выбрать другую кнопку с id='radio2'
. После клика на radio2
у нее появляется атрибут ckecked
, а у id='radio1'
этот атрибут пропадает. И так далее для всех радио переключаталей.
<input type='radio' id='radio_1' name='type' value='1' checked />
||$('#radio_1').prop('checked')