Question

我想获取单选按钮的值来更改隐藏输入的值所以，如果我有2个值为1和2的单选按钮我想在js上完成所以它将是实时更改

如果无线电值= 1   隐藏按钮的值变为ex＆＃34; Paris＆＃34;
  如果无线电值= 2
  隐藏按钮的值变为ex＆＃34; Cairo＆＃34;

这是单选按钮

<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() 来处理更改事件

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

Fiddle

注意：ID在页面中应该是唯一的，而不是使用类。

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对于每个元素都是唯一的，如果你想一次获得元素，则使用class，并应用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());
})

WORKING DEMO

愿这对你有帮助......

单选按钮值输入值

4 个答案: