Changer la valeur du champ lors de la sélection des boutons radio

Crochet dans l'événement OnClick pour le bouton radio "R1". Normalement, je suggérerais l'événement Onchanange mais dans IE, il n'est pas tiré tant que l'utilisateur "combine" le bouton radio.

Si vous utilisez un cadre comme JQuery, crochet dans les événements de manière non agrégée ... Mais si vous voulez une solution sale rapide, ajoutez simplement les événements en ligne. P>

<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>

Vous pouvez essayer par exemple

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

Utilisez la propriété 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" />

Utiliser jQuery, ce serait: xxx

Je n'ai pas vérifié ce code afin qu'il peut avoir besoin d'un peu de peaufine.