选择单选按钮时更改字段值

Question

我想在选择单选按钮时更改隐藏输入字段的值：

    <input type="radio" name="r1" value="10" />10
    <br/>
    <input type="radio" name="r1" value="45" />45
    <br/>
    <input type="hidden" name="sum" value="" />

例如，当用户单击一个按钮时，隐藏字段的值将更改为该值。

Answer 1

使用onClick属性：

<input type="radio" name="r1" value="10" onClick="document.getElementById('hidfield').value=this.value"/>10
    <br/>
    <input type="radio" name="r1" value="45" onClick="document.getElementById('hidfield').value=this.value"/>
    45
    <br/>
    <input type="hidden" name="sum" value="" id="hidfield" />

Answer 2

你可以试试这个例子

<input type="radio" id="radio1r1" name="r1" value="10" />10
<br/>
<input type="radio" id="radio2r1" name="r1" value="45" />45
<br/>
<input type="hidden" name="sum" value="" />

jQuery("input[id^='radio']").click(function() {
    jQuery("input[name='sum']").val(jQuery(this).val());
}

那么当用户点击每个收音机时，我们会通过相同的开头以各种ID来处理它。

Answer 3

使用jQuery它将是：

$(":radio").click(function () {
    var inputValue = $this.val();
    $(":hidden[name='sum']").val() = inputValue;
$(":hidden[name='sum']").name() = "lalala";
    });

我没有仔细检查过该代码，因此可能需要稍微调整一下。

Answer 4

挂钩单选按钮“r1”的onclick事件。 通常我会建议onchange事件，但在IE中，直到用户“模糊”单选按钮才会触发它。

如果您正在使用像jQuery这样的框架，请以一种不引人注目的方式挂钩事件......但如果您想要一个快速的脏解决方案，只需添加内联事件即可。

<input type="radio" name="r1" value="10" onclick="doIt(this);"/>10
<br/>
<input type="radio" name="r1" value="45" onclick="doIt(this);"/>45
<br/>
<input type="hidden" name="sum" value="" />

<script>
  function doIt(obj){
    //alert('my value is now: ' + obj.value);
    obj.form.elements['sum'].value = obj.value;//set hidden field to radio value
  }
</script>