Wie kann ich wissen, welche Optionsschaltfläche über jQuery ausgewählt ist?

Question

Ich habe zwei Optionsfelder und möchte den Wert des ausgewählten Feldes ausgeben. Wie kann ich den Wert mit jQuery erhalten?

Ich kann sie alle auf diese Weise bekommen:

$("form :radio")

Woher weiß ich, welcher ausgewählt ist?

Answer 1

Verwenden Sie dies:

value = $('input[name=button-name]:checked').val();

Answer 2

DEMO : https://jsfiddle.net/ipsjolly/xygr065w/

    $(function(){
        $("#submit").click(function(){      
            alert($('input:radio:checked').val());
        });
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
       <tr>
         <td>Sales Promotion</td>
         <td><input type="radio" name="q12_3" value="1">1</td>
         <td><input type="radio" name="q12_3" value="2">2</td>
         <td><input type="radio" name="q12_3" value="3">3</td>
         <td><input type="radio" name="q12_3" value="4">4</td>
         <td><input type="radio" name="q12_3" value="5">5</td>
      </tr>
    </table>
<button id="submit">submit</button>

Answer 3

Wenn Sie nur einen Satz von Optionsfeldern in einem Formular haben, ist der jQuery-Code so einfach wie dieser:

$( "input:checked" ).val()

Answer 4

Ich habe eine Bibliothek veröffentlicht, die dabei helfen soll. Zieht alle möglichen Eingabewerte, eigentlich, sondern auch, welche Radio-Taste wurde aktiviert. Sie können es auschecken unter https://github.com/mazondo/formalizedata

Es wird Ihnen ein js-Objekt der Antworten geben, also ein Formular wie:

<form>
<input type="radio" name"favorite-color" value="blue" checked> Blue
<input type="radio" name="favorite-color" value="red"> Red
</form>

geben:

$("form").formalizeData()
{
  "favorite-color" : "blue"
}

Answer 5

JQuery, um alle Optionsfelder im Formular und den angekreuzten Wert zu erhalten.

$.each($("input[type='radio']").filter(":checked"), function () {
  console.log("Name:" + this.name);
  console.log("Value:" + $(this).val());
});