2011-08-29 112 views
18

我不知道這個正確的術語,但我想要的效果與onclick相同,但對於使用jquery或javascript的複選框。複選框jquery或javascript oncheck?

的onclick版本:

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

我想上面一樣,但對於一個複選框同樣的效果。最終的結果將是頁面應該用更新的php查詢重新加載,但是我可以做的那部分。我只是不知道onclick是用於複選框的。

複選框:

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

回答

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

會當一個複選框被選中和未選中的功能的運行? – cbr0wn

+0

無論您選中還是取消選中,它都會在您點擊時運行。 –

+1

我知道這不是原始問題的一部分,但值得一提的是,如果您的複選框有一個匹配的「標籤」,那麼您還需要在其中添加一個'.click()'函數以及。 –

48

你應該聽change事件,因爲複選框可以選擇或用鍵盤取消過:

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

與普通的JavaScript同樣:

// checkbox is a reference to the element 

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

而在去年,雖然你真的不應該使用內聯事件處理程序,但如果你有:

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

其中handler就像上面顯示的處理程序。


延伸閱讀:

+2

+1,你也可以通過點擊匹配標籤來切換複選框,其他答案不考慮。這絕對是最好的答案。 –