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

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

所以我认为您必须在代码中执行以下操作。

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