チェックボックスのオンオフによるjQueryでの表示切り替えがうまくいかない

Question

宜しくお願い致します。

チェックボックス複数回押した際、チェックボックスの状態に合わせてconsoleに文字を出したいと思っています。
はじめのクリック時、consoleの表示はうまく動作をしてそうなのですが、２回目以降consoleの値が１回目と同じでうまく動作をしてないように見えます。

こういった場合は、どのようなコードを記載すればいいでしょうか。

HTML

 <input type="checkbox" id="s-option" name="selector" checked>

jQuery

$('#s-option').click(function() {

     // もしチェックが入っていなかったら
     if ($('input[name="selector"]').prop('checked', false)) {
  console.log('チェック入ってなかった');

     // もしチェックが外れていたら
     } else {
   	console.log('チェック入っていた');

     }
   });

Answer 1

判定方法が以下ではないですか？

if ($('input[name="selector"]').prop('checked', false)) {
↓
if ( $("#s-option").prop("checked") == false ) {

Answer 2

if ($('input[name="selector"]').prop('checked', false)) {
↓↓↓
if ($('input[name="selector"]').prop('checked')==false) {

Comments

[tomato01]

ご回答ありがとうございます。

上記の表記に変更をしたら意図している動きになりました！
どうもありがとうございました。