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

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>