6

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

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

たとえば、ユーザーがボタンをクリックすると、隠しフィールドの値がその値に変わります。

4

4 に答える 4

13

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" />
于 2009-08-24T13:52:17.497 に答える
1

jQuery を使用すると、次のようになります。

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

私はそのコードを再確認していないので、少し調整する必要があるかもしれません.

于 2009-08-24T13:53:18.557 に答える
1

たとえば、試すことができます

<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 で処理されます。

于 2009-08-24T13:51:06.407 に答える
-1

ラジオボタン "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>
于 2009-08-24T13:48:50.777 に答える