我正在使用 Bootstrap 开关&我想得到复选框值点击开关。我已经尝试了这个,但我没有得到的价值。你能检查我的代码下面&让我知道我做错了什么
$('.make-switch').bootstrapSwitch('state');
$('#price_check').click(function () {
//alert('Test');
var check = $(this).val();
console.log(check)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap2/bootstrap-switch.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>
<div class="margin-bottom-10">
<input type="checkbox" class="make-switch" id="price_check" name="pricing" data-on-color="primary" data-off-color="info" value="true">
</div>
8条答案
按热度按时间des4xlb01#
我猜所有这些解决方案都是v5的旧闻了吧?
无论如何这些方法对我都不起作用。所以我用了这个解决方案
uqjltbpv2#
塔玛拉
Bootstrap Switch有一个
onSwitchChange
属性,它可以为您提供切换的 * 状态 *。https://jsfiddle.net/learnwithclyde/to2hng3f/上面的代码片段说明了如何实现
onSwitchChange
属性并获取切换控件的state
。fhity93d3#
开关不会触发单击事件。请尝试使用事件switchChange. bootstrapSwitch。此事件在更改开关时触发。
同样为了检查它是否打开,我检查类bootstrap-switch-on是否被应用,如果没有,那么开关是否关闭。
z9smfwbn4#
这个代码对我有用
o2rvlv0m5#
mitkmikd6#
试试这个,你会得到检查元素的值。
yi0zb3m47#
尝试此操作以获取值(true或false)
hrysbysz8#