用户在打开和关闭之间切换时如何检索Bootstrap Switch值？

Question

我目前有一个自举开关，允许用户在＆＃34;是＆＃34;之间切换。或＆＃34;不＆＃34;。我也有一个＆＃34;发送＆＃34;按钮。如果用户切换到＆＃34;是＆＃34;选项，我想收集一个＆＃34; true＆＃34;值。如果用户切换到＆＃34; no＆＃34;选项，我想收集一个＆＃34; false＆＃34;值，然后将其发送到我的Post web api方法。但是，我只能收到＆＃34; true＆＃34;即使用户切换到＆＃34; no＆＃34;

＆＃13;

＆＃13;

$("#trueInput").bootstrapSwitch();
$('#saveButton').on('click', function () {
var collectedInput = $("#trueInput").val();
});

＆＃13;

<input type="checkbox" id="trueInput" name="trueInput value="true" checked/>

＆＃13;

＆＃13;

＆＃13;

Answer 1

这将解决您的问题。

＆＃13;

＆＃13;

            $('[type="radio"]').click(function () {
                var isChecked = $(this).val();
                alert(isChecked);
            });
 

＆＃13;

        .btn-default.btn-on.active {
            background-color: #5BB75B;
            color: white;
        }

        .btn-default.btn-off.active {
            background-color: #DA4F49;
            color: white;
        }

＆＃13;

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    
<div class="container" style="margin-top:20px;">
        <div class="row">
            <div class="btn-group" id="status" data-toggle="buttons">
                <label class="btn btn-default btn-on btn-xs active">
                    <input type="radio" value="true" name="on" checked="checked">ON</label>
                <label class="btn btn-default btn-off btn-xs ">
                    <input type="radio" value="false" name="off">OFF</label>
            </div>

        </div>

＆＃13;

＆＃13;

＆＃13;