Как получить значение Bootstrap Switch, когда пользователь переключается между включением и выключением?

Question

В настоящее время у меня есть переключатель начальной загрузки, который позволяет пользователям переключаться между «да» или «нет».У меня также есть кнопка «отправить».Если пользователь переключается на вариант «да», я хочу собрать «истинное» значение.Если пользователь переключается на опцию «нет», я хочу собрать значение «ложь» и затем отправить его в мой метод Post web api. Однако я смог получить только «истину»"значение, даже когда пользователь переключается на" нет "

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

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

Answer 1

Это решит вашу проблему.

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

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

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

    <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>