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

Um alle Radiobuttons Werte in JavaScript-Array abzurufen, verwenden Sie folgenden jQuery-Code:

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();

Answer 2

Eine andere Möglichkeit, es zu bekommen:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>

Answer 3

Versuchen Sie es.

var radioVal = $("#myform").find("input[type='radio']:checked").val();

console.log(radioVal);

Answer 4

$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});

Answer 5

Versuchen Sie

myForm.myOption.value

function check() {
  console.log( myForm.myOption.value );
}

<form id="myForm">
  <input type="radio" name="myOption" value="1"> 1 <br>
  <input type="radio" name="myOption" value="2"> 2 <br>
  <input type="radio" name="myOption" value="3"> 3 <br>
</form>
<button onclick="check()">check</button>