Come verificare che il pulsante di opzione sia selezionato usando JQuery?

Question

Ho due pulsanti di opzione in un gruppo, voglio controllare che il pulsante di opzione sia selezionato o non usi JQuery, Come?

Answer 1

Dato un gruppo di pulsanti di opzione:

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

È possibile verificare se uno specifico viene controllato utilizzando jQuery come segue:

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")) 

È possibile ottenere il valore del momento ne ha selezionato uno nel gruppo come segue:

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

Answer 2

 

//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 
    } 
}); 
 

Answer 3

controllare questo fuori, troppo:

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

Answer 4

Si tratta di buone pratiche

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

Answer 5

Prendendo alcune risposte un passo avanti - se non il seguente è possibile controllare se un qualsiasi elemento all'interno del gruppo radio è stata controllato:

if ($('input[name="yourRadioNames"]:checked').val()){ (controllato) o if (!$('input[name="yourRadioNames"]:checked').val()){ (non verificato)