我有一個簡單的問題,但我無法在任何地方找到它。 我有切換按鈕從jQuery UI的:jquery切換關閉
$(function() {
$("#check").button();
});
var isChecked = $('#check').prop('checked');
我想有像一個開關/關的工作。選中時顯示警報(「選中」),未選中時顯示警報(「未選中」)。爲您提供幫助。
我有一個簡單的問題,但我無法在任何地方找到它。 我有切換按鈕從jQuery UI的:jquery切換關閉
$(function() {
$("#check").button();
});
var isChecked = $('#check').prop('checked');
我想有像一個開關/關的工作。選中時顯示警報(「選中」),未選中時顯示警報(「未選中」)。爲您提供幫助。
$('#check').click(function(){
if($(this).prop("checked") == true){
alert("checked.");
}
else if($(this).prop("checked") == false){
alert("not checked.");
}
});
這個代碼不佔可能性該複選框使用鍵盤切換。 –
@TimBurch我想引用網站指南。 「我應該什麼時候投票呢? 無論你遇到一個極其潦草,沒有努力的帖子,或者一個明顯或許危險不正確的回答,你都可以使用你的降薪。」這個答案不應該放棄投票,因爲他錯過了一種可能的切換方案。 – Dan
@Dan根據您引用的網站指南,我應該將答案投下來,因爲它顯然是「不正確的」,只要它是不完整的,並且如果按照已經實施的方式接受,可能會導致混淆, OP,他或她的客戶和用戶浪費時間。 –
您可以將change
事件監聽器添加到按鈕。
$('#check').change(function(event){
var msg = 'checked';
if(!this.checked)
msg = 'not ' + msg;
alert(msg);
});
下面的代碼應該這樣做:
$('#check').bind('click keyup', function(){
alert(($(this).is(':checked')) ? 'checked' : 'not checked');
});
檢查了這一點:http://jqueryui.com/button/#checkbox – kol