cambio de valor de campo cuando los botones de selección de radio

Question

quiero cambiar el valor del campo de entrada oculta cuando los botones de radio seleccionados:

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

por ejemplo, cuando el usuario haga clic sobre uno de los botones el valor de cambio de campo oculto a ese valor .

Answer 1

utilizar la propiedad 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

enganche en el evento onclick para el botón de radio "r1". Normalmente sugeriría el evento onchange pero en IE no se dispara hasta que el usuario "desenfoque" el botón de radio.

Si está utilizando un marco como jQuery, enganche los eventos de una manera agradable y discreta ... pero si quiere una solución rápida y sucia, simplemente agregue los eventos en línea.

<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

Usted puede tratar por ejemplo

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

Así que cuando el usuario haga clic en cada radio que manejarlo por diversos id con mismo principio.

Answer 4

Usando jQuery sería:

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

no he doble comprobación de que el código por lo que podría necesitar un poco de ajuste.