IE non rileva il metodo di cambio jQuery per la casella di controllo

Question

Il codice seguente funziona in FF, Safari, Chrome. Ma IE mi sta dando problemi.

Quando una casella di controllo è selezionata, non riesco a rilevare IE.

Semplicemente, non ricevo il popup di avviso, come previsto.
Ho anche provato in questo modo:

$("#checkbox_ID").change(function(){ 

    if($('#'+$(this).attr("id")'+:checked').attr('checked',false)) 
    { 
     var value = "1"; 
    } 
    else 
    { 
     var value = "0"; 
    } 
    alert(value); 

    return false; 
}); 

Ecco il semplice ingresso casella di controllo: <input class="prod" type="checkbox" name="checkbox_ID" id="checkbox_ID" value="1"/>

Qualcuno sa se IE richiede un metodo diverso jquery? o il mio codice è appena uscito?

Answer 1

Come notato da sblom con IE7 e sotto di voi hanno bisogno l'elemento di offuscare per questa azione al fuoco, successive versioni di IE e altri browser non è necessario che l'elemento perda esplicitamente lo stato attivo, la semplice modifica dovrebbe attivare questo evento (come mostrato nell'esempio seguente).

Credo che il problema potrebbe essere che si sta tentando di accedere alla variabile 'valore' quando è fuori ambito.

$("#checkbox_ID").change(function(){ 
var value; 
if($(this).is(':checked')) 
{ 
    value = "1"; 
} 
else 
{ 
    value = "0"; 
} 
alert(value); 

return false; 
}); 

Here is a working preview, notare che a causa ritorni falsi alla fine della funzione reimposta la casella di controllo al suo valore precedente, come è stato annullato l'effetto del click.

Answer 2

Probabilmente funzionerà se si fa clic da qualche altra parte dopo aver fatto clic sulla casella di controllo. IE è strano così.

potrebbe provare qualcosa di simile:

$(function() { 
    if ($.browser.msie) { 
    $('input:checkbox').click(function() { 
     this.blur(); 
     this.focus(); 
}); 

Maggiori informazioni qui: http://norman.walsh.name/2009/03/24/jQueryIE

Answer 3

L'evento di modifica solo i fuochi quando il valore cambia dopo il controllo perde lo stato attivo. Per una casella di controllo è preferibile collegarsi all'evento click.

Ecco la documentazione relativa quando l'evento OnChange: link text

Answer 4

È necessario utilizzare l'evento propertychange anziché l'evento change. Tieni presente che l'evento propertychange verrà attivato su elementi diversi da selezionato/deselezionato. Per compensare questo, è necessario verificare la window.event.propertyName (per IE soltanto):

$(':checkbox').bind($.browser.msie ? 'propertychange': 'change', function(e) { 
    if (e.type == "change" || (e.type == "propertychange" && window.event.propertyName == "checked")) { 
     // your code here 
    } 
}); 

Answer 5

provare a utilizzare

jQuery('#checkbox').click(handleFunc); 

invece di evento "cambiamento"