選擇單選按鈕時更改字段值

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>