Как получить значение переключателя начальной загрузки в скрытом вводе

Question

Я использую переключатель начальной загрузки, который выглядит как переключатель, который переключает два значения в один клик. Вот код переключателя.

<input class="bt-switch transaction_type_filter" type="checkbox" checked data-on-text="Buy" name="transaction_type_filter" id="transaction_type_filter" data-off-text="Rent" data-on-color="primary" data-off-color="warning">

Всякий раз, когда кто-то нажимает на этот переключатель, переключатель переключается влево-вправо или влево-вправо с включенным выключенным текстом.

Я хочу, чтобы "данные в тексте" и "данные в тексте" находились в скрытом поле или хотя бы в истинных ложных состояниях.

Это скрытый ввод, в котором я хочу значение.

<input class="prop_state" type="hidden" value="" id="prop_state">

Я попробовал часть этого кода, чтобы получить желаемый результат.

    $(document).on('click', '#transaction_type_filter', function () {
    alert($('#transaction_type_filter').bootstrapSwitch('state'));
    alert($('#transaction_type_filter').bootstrapSwitch('toggleState'));
    console.log($('#transaction_type_filter').bootstrapSwitch('toggleState'));
    console.log($('#transaction_type_filter').bootstrapSwitch('state'));
});

а также пробовал некоторые другие скрипты также.

 $(document).ready(function() {
 $('.transaction_type_filter').on('switch-change', function (e, data) {
    var $el = $(data.el)
      , value = data.value;
    if($('#transaction_type_filter').bootstrapSwitch('state') === true){//this is true if the switch is on
       alert('true');
    }else{
       alert('false');
    }
});
 });

У меня нет большого опыта работы в JQuery или JS. Я просто пытаюсь это сделать. Взял меня как новичка. Спасибо за любое предложение заранее.

Это jsfiddle

Answer 1

Спасибо за помощь друзья. Я получил правильный способ получить состояние переключателя начальной загрузки. Вот код.

 $('#transaction_type_filter').on('change.bootstrapSwitch', function (e, state) {
    console.log(e.target.checked);
    alert(e.target.checked);
    if (e.target.checked == true) {
        $value = 'buy';
        $('input.prop_state').val($value);
    } else {
        $value = 'rent';
        $('input.prop_state').val($value);
    }
});