変更フィールドの値を、私はラジオボタンを選択したときに非表示の入力フィールドの値を変更したい選択ラジオボタン

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="" /> 

例えばユーザは、1つのボタンでその値に隠しフィールド変化の値をクリックすると、 。

Answer 1

はonClickのプロパティを使用します。

のjQueryを使用して

<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

ラジオボタン "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> 

Answer 3

あなたはそれでは、各ラジオでユーザーがクリックは、我々は同じスタートで様々なidでそれを処理する際

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

例えば試すことができます。

Answer 4

それは次のようになります。

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

私はそれは少し調整が必要になる場合がありますので、そのコードを確認倍増いませんでした。