bootstrap-switch复选框值始终"on"

Has*_*aan 1 jquery twitter-bootstrap

我正在开发CMS,在Add Form上我正在使用我的表单中的Bootstrap-switch.但它总是回归checkedon重视.

的jsfiddle

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.bootstrap-switch.org/docs/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://www.bootstrap-switch.org/dist/css/bootstrap3/bootstrap-switch.css">
<script type='text/javascript' src="http://www.bootstrap-switch.org/docs/js/bootstrap.min.js"></script>
<script type='text/javascript' src="http://www.bootstrap-switch.org/dist/js/bootstrap-switch.js"></script>
<script type='text/javascript'>

$(window).load(function(){

    var s = $('#status').val();
    $("#status").change(function(){
        alert(s);
    });

});
</script>

</head>
<body>

    <input type="checkbox" id="status" name="status" checked>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Has*_*aan 6

更改自

var s = $('#status').val();
$("#status").change(function(){
    alert(s);
});
Run Code Online (Sandbox Code Playgroud)

进入

$("#status").change(function(){
    if(this.checked == true)
    {
        s = 'on';
    }
    else
    {
        s = 'off';        
    }
    alert(s);
});
Run Code Online (Sandbox Code Playgroud)


max*_*lia 5

只需以这种方式阅读检查状态:

$("#status").change(function(){
    alert(this.checked);
});
Run Code Online (Sandbox Code Playgroud)

小提琴示例