无线电按钮值到输入值

Question

我想要获得单选按钮的值来改变隐藏输入的值，所以如果我有值1和2的那2个单选按钮。

我想在js上完成，这样就可以进行实时的改变了。

如果无线电值=1 隐藏按钮的值改为ex "Paris“。 如果无线电值=2 隐藏按钮的值改为ex "Cairo“。

这是单选按钮

<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必须是唯一的use类。

​

你的两个单选按钮有相同的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

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

Answer 3

ID不应该多给一次，每个元素的Id是唯一的，如果您想立即获得元素，可以使用类，并应用Jquery的.change()。

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());
})

工作演示

希望这能帮你..。