无线电按钮值到输入值

Question

我想获取单选按钮的值来更改隐藏输入的值，所以如果我有那两个具有值1和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

您可以使用jQuery .change()处理change事件

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

小提琴

注意：ID在页面中应该是唯一的，最好使用class。

Answer 2

使用.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必须是唯一的使用类

您的两个单选按钮都具有相同的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 3

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

Answer 4

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

工作演示

愿这对您有帮助...