Jak mogę sprawdzić, czy faktycznie zaznaczono pole wyboru?

Question

Mam wiązanie dla wielu wejść.

$("#foo", "#bar", "#fooCheckbox", "#barCheckBox").bind("change", function() { 
    // do something here 
    // do something extra here if $(this) was actually clicked 
}); 

Ponieważ istnieją inne sposoby inicjowania zmiany wejścia, (metoda .change jQuery() do jednego), Czy istnieje sposób, aby stwierdzić, czy pole zostało faktycznie kliknięciu spowodować zdarzenie zmiany?

Próbowałem ustawić ostrość, jednak zdarzenie fokusa jest uruchamiane przed zdarzeniem zmiany checkboxa, więc nie działa.

$("#foo", "#bar", "#fooCheckbox", "#barCheckBox").bind("change", function() { 
    // do something here 
    if($(this).is(":focus")) // do something extra here but focus doesn't happen here for checkboxes. 
}); 

Edit # 1

Niestety ja naprawdę nie wiem, jak to wyjaśnić dalej ... I nie obchodzi mnie, czy to pole wyboru jest zaznaczone, czy nie ... wiem co. is (": checked") jest i jak z niego korzystać. To nie pomaga tutaj. Chcę tylko wiedzieć, czy to pole wyboru rzeczywiście zostało kliknięte, aby wywołać zdarzenie zmiany.

Edit # 2

mam pracę wokół ... I najpierw powiązać kliknięcia dla wejść i wybiera i przechowywania identyfikatora elementu. Następnie w moim powiązaniu zmian sprawdzam, czy zmieniony element jest tym samym elementem, który został ostatnio kliknięty.

$("input, select").click(function() { 
    var myId = $(this).attr("id"); 
    lastClickedStore.lastClicked = myId; 
}); 

Następnie w powiązaniu zmian sprawdzam tylko, czy bieżący identyfikator jest równy identyfikatorowi ostatniego kliknięcia.

$("#foo", "#bar", "#fooCheckbox", "#barCheckBox").bind("change", function() { 
    // do something 
    if(lastClickedStore.lastClicked == $(this).attr("id")) // do something else. 
} 

Answer 1

Oto jak rozwiązałem ten problem. Najpierw wiążę kliknięcia dla wejść, wybieram i przechowuję identyfikator elementu.Następnie w moim powiązaniu zmian sprawdzam, czy zmieniony element jest tym samym elementem, który został ostatnio kliknięty.

$("input, select").click(function() { 
    var myId = $(this).attr("id"); 
    lastClickedStore.lastClicked = myId; 
}); 

Następnie w powiązaniu zmian sprawdzam tylko, czy bieżący identyfikator jest równy identyfikatorowi ostatniego kliknięcia.

$("#foo", "#bar", "#fooCheckbox", "#barCheckBox").bind("change", function() { 
    // do something 
    if(lastClickedStore.lastClicked == $(this).attr("id")) // do something else. 
} 

Answer 2

if ($ (this) .is (': sprawdzane')) ....

if ($ (this) .attr ('sprawdzone')) ...

EDYCJA: także, jeśli wszystkie pola wyboru są dla "rodziny", upewnij się, że tylko jedna może być sprawdzona przez określenie nazwy = te same dla wszystkich elementów i id = różne dla każdej pozycji.

Ex: 

<input type='checkbox' name='fruits' id='orange' >orange 
<input type='checkbox' name='fruits' id='melon' >melon 
<input type='checkbox' name='fruits' id='banana' >banana 
<input type='checkbox' name='fruits' id='apple' >apple 
<input type='checkbox' name='fruits' id='...' >.... 

EDIT: if it was clicked: the id? 

console.log($(this.id)); 

Answer 3

można próbować robić:

 
$("#foo", "#bar", "#fooCheckbox", "#barCheckBox").bind("click", function() { 
    // do something here 
    if($(this).is(":checked")) // do something extra here but focus doesn't happen here for checkboxes. 
}); 

Nadzieja pomaga

Answer 4

oprawę do click zamiast change. Impreza click nadal będą wyzwalane, gdy stan pole wyboru jest zmieniany z klawiatury, ale event.pageX i event.pageY będzie 0 w tym przypadku, więc można napisać:

$("#foo, #bar, #fooCheckbox, #barCheckBox").click(function(event) { 
    // Do something here... 
    if (event.pageX > 0) { 
     // Check box was clicked, do something extra here... 
    } 
}); 

Answer 5

Spróbuj tego:

<input type="checkbox" onClick="doSomething()"> 

    or 

$("#foo","#bar","#fooCheckbox","#barCheckBox").click(function(){ 
    doSomething(); 
}); 

Answer 6

Odpowiedź Frédéric Hamidi jest dobra. Ale jeśli chcesz podnieść programowo "zmianę" zdarzenia, jego kod niestety nie zadziała. Jeśli naprawdę chcesz to, co opisałeś, wypróbuj tę wersję:

$('#foo, #bar').bind({ 
    click: function() { 
     alert('click ' + this.id); 
     if ($(this).hasClass('changed')) { 
      alert('click+change ' + this.id); 
      $(this).removeClass('changed'); 
     } 
    }, 
    change: function() { 
     alert('change ' + this.id); 
     $(this).addClass('changed'); 
    } 
}); 

Demo.