Получение текущего состояния бутстрап-переключателя в таблице

Question

Я применил переключатель начальной загрузки и изменил статус на Active и Inactive. Я хотел захватить статус переключателя начальной загрузки после переключения в таблицу. Но всякий раз, когда я пытаюсь зафиксировать статус, он просто показывает On. Когда переключатель загрузки загружается как Inactive, статус должен быть зафиксирован как off, но этого не происходит.
JSFiddle ссылка: https://jsfiddle.net/4erLr6ak/
HTML CODE:

<p class="lead">Multiple prices</p> 
<div class="col-md-2"> 
    <input type="text" id="type" name="type" value="" class="login password-field form-control" placeholder="Type of ticket" /> 
</div> 
<div class="col-md-2"> 
    <select class="form-control" id="multi"> 
    <option value="USD">$ USD</option> 
    <option value="SGD">$ SGD</option> 
    <option value="EUR">€ EUR</option> 
    <option value="AUD">$ AUD</option> 
    <option value="JPY">¥ JPY</option> 
    <option value="CHN">¥ CHN</option> 
    <option value="THB">฿ THB</option> 
    <option value="MYR">RM MYR</option> 
    </select> 
</div> 
<div class="col-md-2"> 
    <input type="number" id="ticketprice" name="price" value="" class="login password-field form-control" placeholder="Price of ticket" /> 
</div> 
<div class="col-md-2"> 
    <input type="checkbox" name="my-checkbox" data-on-text="Active" data-off-text="Inactive" checked> 
</div> 
<div class="col-md-4"> 
    <button type="button" class="btn btn-primary" id="confirm">Confirm</button> 
</div> 
<table class="table table-bordered multtable" style="margin-top: 7%;"> 
    <thead> 
    <tr> 
     <th>Type of ticket</th> 
     <th>Price of ticket</th> 
     <th>Status</th> 
    </tr> 
    </thead> 
    <tbody></tbody> 
</table> 

Javascript code:

$('#confirm').click(function(e) { 
    var type = $('#type').val(); 
    var currency = $("#multi option:selected").val(); 
    var mprice = $('#ticketprice').val(); 
    var status = $("[name='my-checkbox']").val(); 

    $('.multtable').append('<tr><td>' + type + '</td><td>' + currency + ' ' + mprice + '</td><td>' + status + '</td></tr>'); 

    /*Clear the values in text boxes after adding to table*/ 
    document.getElementById("type").value = ""; 
    document.getElementById("ticketprice").value = ""; 

    console.log(e); 
}) 
$("[name='my-checkbox']").bootstrapSwitch(); 

Answer 1

, чтобы проверить, если установлен флажок использовать:

var status = $("[name='my-checkbox']").is(':checked'); 

вместо:

var status = $("[name='my-checkbox']").val(); 

вы можете использовать истина/ложь вывода, чтобы установить значение соответственно