ändern von Feld-Wert bei der Auswahl von Optionsfeldern

Möchte ich ändern Sie den Wert des versteckten input-Feld, wenn die radio-buttons 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 Benutzer klicken Sie auf eine der Schaltflächen wird der Wert des hidden-Feldes ändern um den Wert.

InformationsquelleAutor datisdesign | 2009-08-24

  1. 13

    Verwenden Sie die onClick-Eigenschaft: 

    <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" />
    Dies wäre die einfachste option
    thnx, es hat funktioniert, aber gibt es eine Möglichkeit, ändern Sie die name-Attribut, wenn auf den button klicken ?

    InformationsquelleAutor mck89

  2. 1

    Können Sie versuchen, zum Beispiel

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

    Also dann, wenn Benutzer klicken Sie auf jedes radio gehen wir durch verschiedene id mit dem gleichen start.

    InformationsquelleAutor Alexey Ogarkov

  3. 1

    Mit jQuery wäre es:

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

    Habe ich nicht überprüft, der code, so müssen Sie möglicherweise ein wenig Feintuning.

    thnx, aber es nicht für mich arbeiten !
    Sie haben jQuery installiert und eingerichtet?
    ja, ich habe es in meine Seite
    ah ich sehe, warum... habe mein ()

    InformationsquelleAutor Dorjan

  4. -1

    Haken in das onclick-Ereignis für das Optionsfeld "r1". Normalerweise würde ich vorschlagen, dass das onchange-Ereignis aber im IE ist es nicht ausgelöst wird, bis der Benutzer "verwischt" den radio-button.

    Wenn du mit einem framework wie jQuery, Haken in die Ereignisse in einem netten, unaufdringlichen Art und Weise... aber wenn Sie möchten, eine quick-n-dirty-Lösung, fügen Sie einfach die Ereignisse inline.

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

    InformationsquelleAutor scunliffe

Schreibe einen Kommentar