jQuery, caselle di controllo e .is (": verificato")

Quando associo una funzione a un elemento della casella di controllo come:

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

La casella di controllo cambia il suo attributo selezionato prima che l'evento venga attivato, questo è il comportamento normale e fornisce un risultato inverso.

Tuttavia, quando lo faccio:

$("#myCheckbox").click();

La casella di controllo cambia l'attributo selezionato dopo che l'evento è stato attivato.

La mia domanda è: esiste un modo per attivare l'evento clic da jQuery come farebbe un normale clic (primo scenario)?

PS: ho già provato con trigger('click');

$('#myCheckbox').change(function () {
    if ($(this).prop("checked")) {
        // checked
        return;
    }
    // not checked
});

Nota: nelle versioni precedenti di jquery era OK usare attr. Ora si consiglia di utilizzareprop per leggere lo stato.

C'è una soluzione che funziona in jQuery 1.3.2 e 1.4.2 :

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');​​​​​​​​​​​​​

Ma sono d'accordo, questo comportamento sembra bacato rispetto all'evento nativo.

A giugno 2016 (utilizzando jquery 2.1.4) nessuna delle altre soluzioni suggerite funziona. Il controllo attr('checked')restituisce sempre undefinede is('checked)restituisce sempre false.

Usa semplicemente il metodo prop:

$("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Sto ancora riscontrando questo comportamento con jQuery 1.7.2. Una soluzione semplice consiste nel posticipare l'esecuzione del gestore dei clic con setTimeout e lasciare che il browser faccia la sua magia nel frattempo:

$("#myCheckbox").click( function() {
    var that = this;
    setTimeout(function(){
        alert($(that).is(":checked"));
    });
});

Se prevedi questo comportamento piuttosto indesiderato, allora potresti passare un parametro extra da jQuery.trigger () al gestore dei clic della casella di controllo. Questo parametro aggiuntivo serve a notificare al gestore dei clic che il clic è stato attivato a livello di programmazione, anziché da parte dell'utente che fa clic direttamente sulla casella di controllo stessa. Il gestore dei clic della casella di controllo può quindi invertire lo stato del controllo segnalato.

Quindi ecco come attivare l'evento clic su una casella di controllo con l'ID "myCheckBox". Nota che sto anche passando un parametro oggetto con un singolo membro, nonUI, che è impostato su true:

$("#myCheckbox").trigger('click', {nonUI : true})

Ed ecco come lo gestisco nel gestore dell'evento clic della casella di controllo. La funzione del gestore verifica la presenza dell'oggetto nonUI come secondo parametro. (Il primo parametro è sempre l'evento stesso.) Se il parametro è presente e impostato a true, inverto lo stato segnalato .checked. Se non viene passato alcun parametro di questo tipo, cosa che non ci sarà se l'utente ha semplicemente fatto clic sulla casella di controllo nell'interfaccia utente, riporto lo stato .checked effettivo:

$("#myCheckbox").click(function(e, parameters) {
   var nonUI = false;
        try {
            nonUI = parameters.nonUI;
        } catch (e) {}
        var checked = nonUI ? !this.checked : this.checked;
        alert('Checked = ' + checked);
    });

Versione JSFiddle su http://jsfiddle.net/BrownieBoy/h5mDZ/

Ho provato con Chrome, Firefox e IE 8.

<input id="widget-wpb_widget-3-custom_date" class="mycheck" type="checkbox" value="d/M/y" name="widget-wpb_widget[3][custom_date]" unchecked="true">    

var atrib = $('.mycheck').attr("unchecked",true);
$('.mycheck').click(function(){
if ($(this).is(":checked")) 
{
$('.mycheck').attr("unchecked",false);
   alert("checkbox checked");
}
else
{
$('.mycheck').attr("unchecked",true);
 alert("checkbox unchecked");
}
});

  $("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

$("#personal").click(function() {
      if ($(this).is(":checked")) {
            alert('Personal');
        /* var validator = $("#register_france").validate(); 
        validator.resetForm(); */
      }
            }
            );

JSFIDDLE

Bene, per abbinare il primo scenario, questo è qualcosa che ho escogitato.

http://jsbin.com/uwupa/edit

In sostanza, invece di associare l'evento "clic", associ l'evento "modifica" all'avviso.

Quindi, quando si attiva l'evento, prima si attiva il clic, quindi si attiva la modifica.

Oltre alla risposta di Nick Craver, affinché funzioni correttamente IE 8è necessario aggiungere un gestore di clic aggiuntivo alla casella di controllo:

// needed for IE 8 compatibility
if ($.browser.msie)
    $("#myCheckbox").click(function() { $(this).trigger('change'); });

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

Altrimenti la richiamata verrà attivata solo quando la casella di controllo perde il focus, poiché IE 8mantiene il focus sulle caselle di controllo e sulle radio quando vengono cliccate.

_{Non ho provato IE 9però.}

$( "#checkbox" ).change(function() {
    if($(this).is(":checked")){
        alert('hi');
    }

});

Il modo più semplice e veloce :

$('#myCheckbox').change(function(){
    alert(this.checked);
});

$el[0].checked;

$ el - è l'elemento jquery di selezione.

Godere!

if ($.browser.msie) {
    $("#myCheckbox").click(function() { $(this).trigger('change'); });
}

$("#myCheckbox").change(function() {
        alert($(this).is(":checked"));
    });