2014-03-25 168 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'); 
});