webentwicklung-frage-antwort-db.com.de

Wie wird geprüft, ob das Optionsfeld mit JQuery aktiviert ist?

Ich habe zwei Optionsfelder in einer Gruppe. Ich möchte prüfen, ob das Optionsfeld aktiviert ist oder JQuery nicht verwendet. Wie?

20
Bader

Für eine Gruppe von Optionsfeldern:

<input type="radio" id="radio1" name="radioGroup" value="1">
<input type="radio" id="radio2" name="radioGroup" value="2">

Sie können mit jQuery wie folgt testen, ob eine bestimmte überprüft wird:

if ($("#radio1").prop("checked")) {
   // do something
}

// OR
if ($("#radio1").is(":checked")) {
   // do something
}

// OR if you don't have ids set you can go by group name and value
// (basically you need a selector that lets you specify the particular input)
if ($("input[name='radioGroup'][value='1']").prop("checked"))

Sie können den Wert des aktuell geprüften in der Gruppe wie folgt ermitteln:

$("input[name='radioGroup']:checked").val()
48
nnnnnn

//the following code checks if your radio button having name like 'yourRadioName' 
//is checked or not
$(document).ready(function() {
  if($("input:radio[name='yourRadioName']").is(":checked")) {
      //its checked
  }
});
8

Dies ist die beste Praxis

$("input[name='radioGroup']:checked").val()
2
Mahendra Jella

Einige Antworten noch einen Schritt weiter: Wenn Sie Folgendes tun, können Sie überprüfen, ob ein Element in der Funkgruppe markiert wurde:

if ($('input[name="yourRadioNames"]:checked').val()){ (geprüft) oder if (!$('input[name="yourRadioNames"]:checked').val()){ (nicht geprüft)

0
Antony

Überprüfen Sie auch dieses hier:

$(document).ready(function() { 
  if($("input:radio[name='yourRadioGroupName'][value='yourvalue']").is(":checked")) { 
      //its checked 
  } 
});
0
radu florescu

jQuery 3.3.1

if (typeof $("input[name='yourRadioName']:checked").val() === "undefined") {
    alert('is not selected');
}else{
    alert('is selected');
}
0
Sadee

Optionsfelder sind,

<input type="radio" id="radio_1" class="radioButtons" name="radioButton" value="1">
<input type="radio" id="radio_2" class="radioButtons" name="radioButton" value="2">

um auf Klick zu überprüfen,

$('.radioButtons').click(function(){
    if($("#radio_1")[0].checked){
       //logic here
    }
});
0
reshma