javascript - jQuery 更改为返回选中或未选中状态

Question

我正在尝试使用以下函数返回true或false，基于复选框的状态，我正在使用jQuery iButton插件（隐藏复选框并用iPhone支持拖动事件的样式滑动按钮替换它）我发现的唯一方法检测拖动以及单击事件正在使用 jQuery 更改。

var testChecked= function(){
    $('#status').change(function(){ // #status is the checkbox ID
        if($(this).is(':checked')){
            console.log('is_checked');//works
            return true;
        }
        else{
            console.log('is_unchecked');//works
            return false 
        } 
    });
}

http://jsfiddle.net/fnt5J/1/

Answer 1

我不知道status你的代码中有什么。

正如你提到的 iButton jQuery 插件，我在谷歌搜索后找到了这个页面。http://www.givainc.com/labs/ibutton_jquery_plugin.htm

我刚刚$('#iButton').attr('checked'); 在 chrome 控制台中输入了这个语句，我得到了正确的状态，true或者false基于 ON 和 OFF 状态。

所以我认为你必须在你的代码中做以下事情。

$('#status').change(function(){
    return $('#iButton').attr('checked');
})

Answer 2

在 iButton jQuery Plug-in 中有许多可用的选项，因此您可以使用事件处理程序：change。

$('#ibutton').iButton({
  change: function (){
    if($('#ibutton').attr('checked'))
       console.log("TRUE");
    else
       console.log("FALSE");
  }
});