チェックボックスのON/OFFの状態を確認する

<input type="checkbox" id="sample1" class="my_check_box" />
<label for="sample1">チェックボックス・ステータス取得サンプル1</label>
 
<script>
$(function(){
    $("#sample1").on("click", function (evt) {
        //クリックされたチェックボックスのステータスを取得
        chk_status = $(this).prop('checked');
        
        //取得したステータスをダイアログに表示。ON なら true, OFF なら false 。
        alert(chk_status);
    });
});
</script> 

<input type="checkbox" id="sample2" class="my_check_box" />
<label for="sample2">チェックボックス・ステータス取得サンプル2</label>
 
<script>
$(function(){
    $("#sample2").on("click", function (evt) {
        //クリックされたチェックボックスのステータスを取得
        //3 項演算子で true なら 1 に、false なら 0 に変換
        chk_status = $(this).prop('checked') ? 1 : 0;
        
        //取得したステータスをダイアログに表示。ON なら 1, OFF なら 0。
        alert(chk_status);
    });
});
</script>