2011-08-29 12 views
18

Nie znam prawidłowej terminologii, ale chcę uzyskać ten sam efekt co onclick, ale dla pola wyboru z jquery lub javascript.checkbox jquery lub javascript oncheck?

wersja onclick:

<a href="..." onclick="function()">Link</a> 

Chcę taki sam efekt jak powyżej, ale dla wyboru. Rezultat końcowy będzie taki, że strona powinna zostać ponownie załadowana za pomocą zaktualizowanego zapytania php, ale ta część mogę zrobić. Po prostu nie wiem, co to jest onclick dla pól wyboru.

wyboru:

<input type="checkbox" name="change" value="one" />changes php query 

Odpowiedz

3
$('#input_id').click(function() { 
    // do what you want here... 
}); 
+0

będzie prowadzony funkcja, gdy pole wyboru jest zaznaczone i niezaznaczone? – cbr0wn

+0

Uruchomi się po kliknięciu, bez względu na to, czy zaznaczysz, czy odznaczysz. –

+1

Wiem, że nie było to częścią pierwotnego pytania, ale warto wspomnieć, że jeśli masz pasującą do siebie etykietę, która pasuje do twojego pola wyboru, musisz również dodać funkcję '.click()' także. –

48

Należy słuchać przypadku change, jak można wybrać pole wyboru lub usunąć zaznaczenie z klawiaturą też:

$('input[type="checkbox"][name="change"]').change(function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}); 

Podobnie zwykły JavaScript:

// checkbox is a reference to the element 

checkbox.onchange = function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}; 

I ostatnie, choć tak naprawdę nie powinno się używać wbudowanych obsługi zdarzeń, ale jeśli masz do:

<input ... onchange="handler.call(this)" /> 

gdzie handler jest jak koparki do przedstawionych powyżej.


Dalsze czytanie:

+2

+1, można również przełączyć pole wyboru, klikając pasującą etykietę, której inne odpowiedzi nie uwzględniają. To zdecydowanie najlepsza odpowiedź. –

Powiązane problemy