Encontré un caso en el que jQuery NO funciona asignándole una función tipo "arrow" pero luego de un rato me di cuenta que sí lo hace con una función tradicional "anónima" ¿Alguien sabe por que?
Éste es el código usando Arrow Function: Siempre imprime en consola "Está desactivado"
$(document).ready(function(){
$(".my_checkbox").change(() => {
if($(this).is(":checked")) {
console.log("Está activado");
} else {
console.log("Está desactivado");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<input type="checkbox" name="check01" value="01" class="my_checkbox">Uno
<input type="checkbox" name="check02" value="02" class="my_checkbox">Dos
<input type="checkbox" name="check02" value="03" class="my_checkbox">Tres
Y aquí el código mendiante función anónima tradicional: Funciona tal como lo esperaba
$(document).ready(function(){
$(".my_checkbox").change(function(){
if($(this).is(":checked")) {
console.log("Está activado");
} else {
console.log("Está desactivado");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<input type="checkbox" name="check01" value="01" class="my_checkbox">Uno
<input type="checkbox" name="check02" value="02" class="my_checkbox">Dos
<input type="checkbox" name="check02" value="03" class="my_checkbox">Tres
Los probé tanto en Firefox 84.0.2 (64-bit) como Chrome 87.0.4280.141 (Official Build) (64-bit)