Wie wähle ich in jQuery ein Element anhand seines Namensattributs aus?

Question

Ich habe 3 Optionsfelder auf meiner Webseite, wie unten:

<label for="theme-grey">
  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>
<label for="theme-pink">
  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>
<label for="theme-green">
  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

In jQuery möchte ich den Wert der ausgewählten Optionsschaltfläche abrufen, wenn eine dieser drei Schaltflächen angeklickt wird. In jQuery haben wir id (#) und class (.) Selektoren, aber was, wenn ich ein Radio-Button durch seinen Namen, wie unten zu finden?

$("<radiobutton name attribute>").click(function(){});

Bitte sagen Sie mir, wie ich dieses Problem lösen kann.

Answer 1

<input type="radio" name="ans3" value="help"> 
<input type="radio" name="ans3" value="help1">
<input type="radio" name="ans3" value="help2">

<input type="radio" name="ans2" value="test"> 
<input type="radio" name="ans2" value="test1">
<input type="radio" name="ans2" value="test2">

<script type="text/javascript">
  var ans3 = jq("input[name='ans3']:checked").val()
  var ans2 = jq("input[name='ans2']:checked").val()
</script>

Answer 2

Wenn Sie einen true/false-Wert wünschen, verwenden Sie dies:

  $("input:radio[name=theme]").is(":checked")

Answer 3

Vielleicht so etwas wie das hier?

$("input:radio[name=theme]").click(function() { 
 ...
}); 

Wenn Sie auf ein beliebiges Optionsfeld klicken, wird es wohl ausgewählt, so dass diese Funktion für das ausgewählte Optionsfeld aufgerufen wird.

Answer 4

Wenn Sie mehr als eine Gruppe von Optionsfeldern auf derselben Seite haben, können Sie auch versuchen, den Wert des Optionsfeldes zu ermitteln:

$("input:radio[type=radio]").click(function() {
    var value = $(this).val();
    alert(value);
});

Zum Wohl!

Answer 5

Sie können auch eine CSS-Klasse verwenden, um den Bereich der Optionsschaltflächen zu definieren, und dann den Wert wie folgt bestimmen

$('.radio_check:checked').val()