ändern Feldwert, wenn das Auswahlradiobuttons

Question

ich den Wert der verborgenen Eingabefeld geändert werden soll, wenn Optionsfelder ausgewählt:

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

zum Beispiel, wenn der Benutzer, klicken Sie auf eine der Schaltflächen der Wert der verborgenen Feldänderung auf diesen Wert .

Answer 1

die OnClick-Eigenschaft verwenden:

<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

haken Sie in das onclick-Ereignis für den Radio-Button "r1". Normalerweise würde ich das Onchange-Ereignis vorschlagen, aber in IE wird es nicht ausgelöst, bis der Benutzer den Radio-Button "verwischt".

Wenn Sie ein Framework wie jQuery verwenden, haken Sie die Ereignisse auf eine nette unaufdringliche Art und Weise ein ... aber wenn Sie eine schnelle n-dreckige Lösung wollen, fügen Sie einfach die Ereignisse inline hinzu.

<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

können Sie für

Beispiel versuchen, auf jedem Funk

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

So dann, wenn der Benutzer klicken wir es durch verschiedene ID mit dem gleichen Start behandeln.

Answer 4

jQuery verwenden wäre es:

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

Ich habe überprüft, nicht doppelt so hoch Code, so dass es ein wenig Gefummel brauchen könnte.