javascript-ausgewählt von radio

Ich will überprüfen, was ist das ausgewählte radio input.

hier ist mein code.

<input name="u_type" type="radio" value="staff" id="u_type" checked="checked" /> Staff
<input name="u_type" type="radio" value="admin" id="u_type" /> Admin
<input id="add_user" name="add_user" type="button" onclick="addUser();"  value="Add" class="submitButton admin_add" />

function addUser()
{
//how to check what is the selected radio input
}

Dank.

Jede chance, die man mit Hilfe von jQuery oder in Ihrem code verwenden können?
Wenn du nur zwei Tasten, wird diese Ihnen helfen: stackoverflow.com/questions/1423777/...

InformationsquelleAutor Sasindu H | 2011-06-30

  1. 20
    function addUser() {
    //how to check what is the selected radio input
    alert(getCheckedRadioValue('u_type'));
}

function getCheckedRadioValue(name) {
    var elements = document.getElementsByName(name);

    for (var i=0, len=elements.length; i<len; ++i)
        if (elements[i].checked) return elements[i].value;
}

    - Und element-IDs müssen unterschiedlich sein.

    Es sollte besser werden mit dem Namen getCheckedRadioValue, da es nicht zurück radios HTML-id, da es suggerieren kann!
    AFAICT ++i würde überspringen der ersten Instanz, obwohl, ich bin mehr scharf auf i++
    ich glaube nicht stackoverflow.com/questions/3469885/...

    InformationsquelleAutor sorx00

  2. 6

    Um den Wert der aktivierten radio-button, ohne jQuery:

    var radios = document.getElementsByName("u_type");
for(var i = 0; i < radios.length; i++) {
    if(radios[i].checked) selectedValue = radios[i].value;   
}

    (unter der Annahme, dass selectedValue wird eine variable deklariert anderswo)

    InformationsquelleAutor James Allardice

  3. 4
    $('input[name=u_type]:checked').val()

    erhalten Sie den Wert der ausgewählten option, die Sie können, natürlich, einer variable zuordnen. Aufgrund der Ermahnung, ich sollte auch darauf hinweisen, dass dies von jquery, einem handlichen javascript-Bibliothek für die Herstellung von DOM-manipulation einfacher und mit ausgezeichneten cross-browser-Kompatibilität. Es kann festgestellt werden hier.

    OP nicht sagen nichts über jQuery.
    Stimmt, aber jquery ist javascript.
    So? Wenn eine Frage nur tagged mit javascript Sie sollten davon ausgehen, dass keine andere Bibliothek verwendet werden soll. Und wenn Sie verwenden, sollten Sie eindeutig angeben, diese in Ihre Antwort und link, um es.
    Ich habe bearbeitet meinen Beitrag hinweisen. Jquery sollte nicht weggelassen werden, wie eine Antwort aus meiner Sicht nur, weil es wurde noch nicht getaggt danach gefragt, aber Punkt getroffen, über die Klärung der Nutzung der Bibliothek.
    Oder verwenden Sie die standard-Schnittstelle: Dokument.querySelector('input[name=u_type]:checked").geprüft

    InformationsquelleAutor kinakuta

  4. 1

    Alternativ zu kmb385 Vorschlag könnten Sie wickeln Sie Ihre Eingaben in einem Formular, und stellen Sie sicher, dass alle Eingabe-Namen unterschiedlich sind (Sie haben zwei u_type) Namen.

    Dann können Sie den Zugriff auf die Eingänge, wie document.formname.inputname.checked, die true oder false zurückgeben.

    InformationsquelleAutor jsonnull

  5. 0

    Sie sollten nicht zwei radio-Elemente mit der gleichen id. Sie müssen ändern Sie eine der ids, dann überprüfen Sie die beiden radio-buttons wie:

    if(document.getElementById("u_type").checked == true)
{
   //do something
}

    Ich würde empfehlen, mit jquery zu machen anstatt die native js.

    Es gibt keinen Grund zum laden von jQuery, wenn ein paar Zeilen code ausreichen wird.
    Vereinbart. Ich bekomme ein wenig stovepiped, weil, wenn ich denke, js, denke ich jquery. Es kommt auf die Umstände an.
    Warum vergleichen Sie ein boolescher gegen wahr? if(document.getElementById("u_type").checked)

    InformationsquelleAutor Kevin Bowersox

  6. -1

    Folgenden ist die jQuery-Implementierung, um den Wert eines radio-button

    $("#u_type").click(function() {
var value = $(this).val();
});

    Wenn Sie möchten, verwenden Sie javascript, dann:

    function get_radio_value()
{
for (var i=0; i < document.form.u_type.length; i++)
{
   if (document.form.u_type[i].checked)
   {
   var val = document.form.u_type[i].value;
   }
  }
}

    InformationsquelleAutor Balanivash

Schreibe einen Kommentar