自举开关复选框值始终"on"

我正在开发CMS和添加表单，我在我的表单中使用引导开关。但是它总是返回checked或on的值。

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>

按以下方式读取选中状态:

$("#status").change(function(){
    alert(this.checked);
});

<<p> 小提琴例子/strong>

修改

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

到

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

Try The FIDDLE

您可以使用下面的事件获取当前值。

$('#status').bootstrapSwitch('state', true);

$('#status').on('switchChange.bootstrapSwitch', function (event, state) {
    alert(this);
    alert(event);
    alert(state);
    event.preventDefault();
});

希望有所帮助

可以这样写:

$(function(){
            $("#status").change(function(){
                if($(this).is(':checked')) { alert('on');}
                else alert('off');
            });
    });

你可以在jquery中使用:<>之前$(" #开关").(:检查)

正确答案是

$("input[name='courseFreePaid']").bootstrapSwitch('state');

这将返回true或false

相关内容

最新更新

热门标签：