valore casella di controllo è sempre 'on'

Question

Questa è la mia casella di controllo

HTML

<label class="checkbox"> 
    <input id="eu_want_team" name="eu_want_team" type="checkbox"> 
</label> 

JQuery

var eu_want_team = $('#eu_want_team').val(); 
alert(eu_want_team); 

sua sempre la visualizzazione di ON, è farlo controllare o meno. Qual è il problema con esso?

Answer 1

Uso .is(':checked') invece: Working jsFiddle

var eu_want_team = $('#eu_want_team').is(':checked'); 
alert(eu_want_team); 

o come ha detto in @Itay commenti è possibile utilizzare jQuery .prop() per ottenere il c valore della proprietà hecked:

alert($("#eu_want_team").prop("checked")); 

Answer 2

Dai un'occhiata a questa risposta per verificare se una casella di controllo è selezionata.

How to check whether a checkbox is checked in jQuery?

Ma in fondo si vuole fare qualcosa di simile qui sotto per controllare il suo valore:

if ($("#element").is(":checked")) { 
    alert("I'm checked"); 
} 

Answer 3

Credo che questo sia ciò che si vuole fare

$("#eu_want_team").click(function(){ 
    alert($(this).is(':checked')); 
} 

Answer 4

<label class="checkbox"> 
    <input id="eu_want_team" name="eu_want_team" type="checkbox" value="somevalue"> 
</label> 

<script> 
    var ele = document.getElementById("eu_want_team"); 
    if(ele.checked) 
    alert(ele.value) 

</script> 

Answer 5

Ciò funzionerà:

if ($('#element').is(":checked")) { 
    eu_want_team = 1; 
} else { 
    eu_want_team = 0; 
} 
alert(eu_want_team); 

Answer 6

Prova questa

if ($('#element').is(':checked')){ 
    alert(element); 
    }