jQuery CheckBoxセレクタ.attr（ 'checked）が機能していませんか？

Question

私はchkBox1と呼ばれるチェックボックスを持って、私は選択されたチェックボックスの値ごとに真または偽の変数を割り当てたい。

<input type="checkbox" id="chkBox1"> 

var chkBox1Val = $('#chkBox1').attr('checked') ? true: false; 

上記のコードは機能しません。どのようにしてチェックボックスの状態をチェックし、変数にtrue/falseとして代入するのですか？

Answer 1

var chkBox1Val = $('#chkBox1').attr('checked') === 'checked'; 

それとも、あなたが1.6よりも大きいjQueryのバージョンを使用している場合：詳細情報については

var chkBox1Val = $('#chkBox1').prop('checked'); 

を、section Attributes vs. Properties of the jQuery .prop() docsを見てください。

Answer 2

使用この

var chkBox1Val = $('#chkBox1').is(':checked') 

Answer 3

は、ここに私のソリューションです。それが役に立てば幸い！

$(document).ready(function(){ 
 
var ckbox = $('#chkBox1'); 
 
    $('input').on('click',function() { 
 
     if (ckbox.is(':checked')) { 
 
      alert('You have Checked it'); 
 
     } else { 
 
      alert('You Un-Checked it'); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<input type="checkbox" id="chkBox1">