Не работает prop на checkbox

Выводит только False.

Это JS


  send__user.click(function(event){
      var check1 = $("#check1");
      if(check1.prop("checked") == "checked") { 
          alert("True");
          event.preventDefault();
      }
      else if(check1.prop("checked") != "checked"){
          alert("False");
          event.preventDefault();
      }
  })

});

Это HTML

<form action="file.php" method="post">
           <input type="checkbox" name="check1" class="check" id="check1" value="value4"> 
            <label id = "answer1">Answer 1</label> <br> <br>

           <button name="send" id="send__user">Send</button> 
           <br>  <br>
          
    <script src=my.js></script>
</div>
</form>

Если активировать checkbox и нажимать Send то должен сказать True но говорит False.


Ответы (1 шт):

Автор решения: fixer

Функция prop("checked") не возвращает "checked", она возвращает true или false. Но лучше использовать is().

$("#checkbox").click(function(){
  if($('#checkbox').is(':checked')){
    alert('On');
  }else{
    alert('Off');
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<label>
<input type="checkbox" id="checkbox">
Click me
</label>

→ Ссылка