2014-03-25 167 views
-1

我有一個簡單的問題,但我無法在任何地方找到它。 我有切換按鈕從jQuery UI的:jquery切換關閉

$(function() { 
    $("#check").button(); 
}); 

var isChecked = $('#check').prop('checked'); 

我想有像一個開關/關的工作。選中時顯示警報(「選中」),未選中時顯示警報(「未選中」)。爲您提供幫助。

+0

檢查了這一點:http://jqueryui.com/button/#checkbox – kol

回答

0
$('#check').click(function(){ 
      if($(this).prop("checked") == true){ 
       alert("checked."); 
      } 
      else if($(this).prop("checked") == false){ 
       alert("not checked."); 
      } 
     }); 
+0

這個代碼不佔可能性該複選框使用鍵盤切換。 –

+0

@TimBurch我想引用網站指南。 「我應該什麼時候投票呢? 無論你遇到一個極其潦草,沒有努力的帖子,或者一個明顯或許危險不正確的回答,你都可以使用你的降薪。」這個答案不應該放棄投票,因爲他錯過了一種可能的切換方案。 – Dan

+0

@Dan根據您引用的網站指南,我應該將答案投下來,因爲它顯然是「不正確的」,只要它是不完整的,並且如果按照已經實施的方式接受,可能會導致混淆, OP,他或她的客戶和用戶浪費時間。 –

2

您可以將change事件監聽器添加到按鈕。

$('#check').change(function(event){ 
    var msg = 'checked'; 
    if(!this.checked) 
     msg = 'not ' + msg; 
    alert(msg); 
}); 
1

下面的代碼應該這樣做:

$('#check').bind('click keyup', function(){ 
    alert(($(this).is(':checked')) ? 'checked' : 'not checked'); 
});