引導複選框切換 - 如何獲取複選框的值之後，點擊

Question

我有這樣的代碼

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script> 
    <script> 
    $('#toggle-two').bootstrapToggle({ 
     on: 'Enabled', 
     off: 'Disabled' 
    }); 
    $('[name="place[]"]').change(function() { 
     console.log(this.value) 
    }) 
    </script> 
    <input type="checkbox" name="place[]" value="USA" checked data-toggle="toggle" data-size="mini" data-onstyle="primary" data-offstyle="danger" data-on="Enabled" data-off="Disabled"> 
    <input type="checkbox" name="place[]" value="Canada" data-toggle="toggle" data-size="mini" data-onstyle="primary" data-offstyle="danger" data-on="Enabled" data-off="Disabled"> 
    <input type="checkbox" name="place[]" value="Japan" checked data-toggle="toggle" data-size="mini" data-onstyle="primary" data-offstyle="danger" data-on="Enabled" data-off="Disabled"> 
    <input type="checkbox" name="place[]" value="Russia" data-toggle="toggle" data-size="mini" data-onstyle="primary" data-offstyle="danger" data-on="Enabled" data-off="Disabled">   

我想要得到的值被點擊複選框後，它是否被選中或不。

顯示上面的代碼，它不起作用。我正在使用bootstrap-toggle。

請幫忙。謝謝:)

Answer 1

寫裏面$(document).ready()腳本像下面

<script> 
$(document).ready(function(){ 
    $('#toggle-two').bootstrapToggle({ 
     on: 'Enabled', 
     off: 'Disabled' 
    }); 
    $('[name="place[]"]').change(function() { 
     console.log(this.value) 
    }) 
}); 
</script> 

Answer 2

是這樣的..

$('[name="place[]"]').change(function(){ 
    if($(this).prop("checked") == true){ 
     //checked 
    }else{ 
     //not checked 
    } 
});