programmazione cambiando casella di controllo non viene generato evento change

Question

Ho il seguente codice qui:

$('input[type="checkbox"][id="gridlines"]').change(function() { 
    alert('hello world'); 
}); 

$('#gridlines').prop('checked', true); 

Quando carico la mia pagina, la casella è selezionata, ma il "ciao mondo" non viene richiesto

Tuttavia, quando faccio clic sulla casella di controllo manualmente, viene visualizzato "Hello World"

Cosa dà?

Answer 1

È necessario chiamare change() oppure utilizzare trigger() per inviare l'evento change quando i valori vengono modificati tramite il codice.

Utilizzando .change()

$('#gridlines').prop('checked', true).change(); 

Utilizzando .trigger()

$('#gridlines').prop('checked', true).trigger("change"); 

Answer 2

è così che è supponiamo di lavorare, solo interazione con l'utente è il supporto per attivare l'evento di modifica

È possibile attivare manualmente using .change()/.trigger('change');

$('#gridlines').prop('checked', true).change(); 

change

L'evento change viene licenziato per <input>, <select>, e <textarea> elementi quando una modifica al valore dell'elemento si impegna da parte dell'utente . A differenza dell'evento di input, l'evento change non è necessariamente attivato per ogni modifica al valore di un elemento.