Значение радио баттома для ввода значения

Question

Я хочу получить значение переключателя для изменения значения скрытого ввода , так что если у меня есть эти 2 переключателя со значениями 1 и 2
Я хочу выполнить на js, чтобы он будет жить изменение

если значение радио = 1
значения скрытого изменения кнопки Примера «Париж»
если значение радио = 2
значение скрытого изменения кнопки Примера «Каир»

здесь кнопки

<input id="shop" name="shop" type="radio" class="field radio" value="1" tabindex="10" /> 
<input id="shop" name="shop" type="radio" class="field radio" value="2" tabindex="11" /> 

радио и вот Скрытое поле

<input type="hidden" size="30" id="fromInput" name="from" value="" /> 

Спасибо

Answer 1

Использование .change()

$('input[name="shop"]:radio').change(function(){ 
    var val = (this.value == 1)? 'Paris' : 'Cairo'; //set var val to Paris if value of selected radio button is 1 else set val to Cairo 
    $('#fromInput').val(val); //set var val to value of element with id fromInput 
}); 

---

ID должен быть уникальным использовать класс вместо

имеют одинаковый идентификатор изменения его класса вашего Обе кнопки радиостанции.

<input class="shop" name="shop" type="radio" class="field radio" value="1" tabindex="10" /> 
<input class="shop" name="shop" type="radio" class="field radio" value="2" tabindex="11" /> 

Answer 2

Вы можете использовать JQuery .change() для обработки события изменения

$('input[name="shop"][type="radio"]').change(function(){ 
    $('#fromInput').val(this.value == 1 ? 'paris' : 'cairo'); 
}) 

Fiddle

Примечание: ID должен быть уникальным на странице, это лучше использовать класс вместо этого.

Answer 3

$('input[name="shop"]:radio').on('change', function(){ 
    if($(this).val() == 1) { 
    $('#fromInput').val(1); 
    } else { 
    $('#fromInput').val(2); 
    } 
}); 

Answer 4

ID Не должно быть дано более Однажды, Id уникален для каждого элемента, использование класса, если вы хотите, чтобы получить элемент сразу, и применить .change() из Jquery.

HTML:

<input class="shop" name="shop" type="radio" class="field radio" value="1" tabindex="10"/> 
    <input class="shop" name="shop" type="radio" class="field radio" value="2" tabindex="11" /> 
    <input type="hidden" size="30" id="fromInput" name="from" value="" /> 

JS:

$('.shop').change(function(){ 

    var place = ($(this).val()==1?"Paris":"Cairo"); 
    $('#fromInput').val(place); 
    alert($('#fromInput').val()); 
}) 

WORKING DEMO

Может это поможет вам ...