CODEWITHSUNDEEP
jquery
John Smith
John Smith

Reputation: 6259

Get value of selected radio button and add it to an input

I have this radio select field: 

<div class="field">
<label for="diagnosis_sicherheit">Verdacht auf</label>
<input id="diagnosis_sicherheit_v" name="diagnosis[sicherheit]" type="radio" value="V">
<label for="diagnosis_sicherheit">Zustand nach</label>
<input id="diagnosis_sicherheit_z" name="diagnosis[sicherheit]" type="radio" value="Z">
<label for="diagnosis_sicherheit">Ausschluss</label>
<input id="diagnosis_sicherheit_a" name="diagnosis[sicherheit]" type="radio" value="A">
<label for="diagnosis_sicherheit">Gesicherte Diagnose</label>
<input id="diagnosis_sicherheit_g" name="diagnosis[sicherheit]" type="radio" value="G">
</div>

My question is, how can I add the selected value to the input you can see below, when an user selects one option? 

<input id="sicherheit" name="sicherheit" type="text">

Upvotes: 0

Views: 118

Answers (3)

rderoldan1
rderoldan1

Reputation: 4078

Look at this Jsfiddle that alert the value selected

http://jsfiddle.net/rderoldan1/VyHnL/

$('input[type=radio]').change(function(){
alert($(this).val());
});

Update

$('input[name="diagnosis[sicherheit]"]').change(function(){
$('#sicherheit').val($(this).val());
});

Upvotes: 1

Rey Libutan
Rey Libutan

Reputation: 5314

Bind an event to the radio buttons. DO something like.

$("input[name='diagnosis[sicherheit]']").change(function() {
   $("#sicherheit").val($('input[name="diagnosis[sicherheit]"]:checked').val())
});

Upvotes: 1

Farhan
Farhan

Reputation: 752

Try this

$("#sicherheit").val($('input[name=diagnosis[sicherheit]]:checked').val())

Upvotes: 3

Related Questions