jQuery: проверить радиообъект при вводе текстового поля onChange

Я создаю анкету с PHP и jQuery. У меня есть следующий список радио:jQuery: проверить радиообъект при вводе текстового поля onChange

Question A: 
    O Answer X 
    O Answer Y 
    O Answer Z 
    O Other [input text field]

Теперь, когда люди непосредственно выбрать текстовое поле ввода, я хочу радиокнопку «Другой» автоматически выбран.

в HTML выглядит следующим образом:

 
     Answer X 
 
     Answer Y 
 
     Answer Z 
 
     Other

У меня есть это в JQuery:. $ ("input.customInput") фокус (функция() { $ ('вход: радио [name = 'question [A]']: checked '). val() ==' Other '); });

источник

2012-03-13 user1169366

Можете ли вы разместить HTML-код? –

Спасибо за ваш ответ. Я попытался добавить HTML, но я не получил его работать. Это в основном 4 радиообъекта с одинаковым именем (разные значения) и ввод текстового поля для «другой» опции. – user1169366

Это можно сделать без JS:

<input type="radio" id="radioButton" /> 
<label for="radioButton"> 
    Other<input type="text" /> 
</label>

демо: http://jsfiddle.net/vV4P9/

источник

2012-03-13 00:49:32 valentinas

Это довольно пятно. – BZink

Привет, Валентин, спасибо за ваш быстрый ответ, но это не то, что я имею в виду. У меня есть опция radioobutton с именем «other». Когда люди выбирают это, им нужно указать причину/объяснение в текстовое поле/текстовое поле. И когда они это делают, радиообъект должен выбираться автоматически (если они забывают его проверить) – user1169366

@ user1169366 это именно то, что он делает. Пробовали ли вы демо? Колин Кенни сделал еще лучше: http://jsfiddle.net/pXx7q/ – valentinas

Это можно сделать с помощью HTML, помещая текст input внутри label для "Другой" радио-кнопки.

Live Demo

источник

2012-03-13 00:58:24

Я нашел код, которые применяются для флажка. Поэтому измените это для переключателя. Надеюсь, это поможет вам

<input type="radio" name="mypet" id="radio_yes" value="Yes"> 
<input type="radio" name="mypet" id="radio_no" value="No"> 
<input type="text" name="boxname" id="boxname" onFocus="this.form.radio_yes.checked=true">

источник

2014-06-21 08:39:28 Caremy

jQuery: проверить радиообъект при вводе текстового поля onChange

ответ

Смежные вопросы