jQuery 筆記 - 取得 checkbox 的值

專案實務上遇到的情況，為了要讓後端知道前端有設定了一個取值的方式。

取得 input 屬性的值

1 2	let inputPropertyValue = $("input[type='checkbox']").val(); console.log(inputPropertyValue); //on

let checkValue;
 $('#check').click(function () {
   checkValue = $(this).val();
   console.log(checkValue); //on
 });

這個方式無論是否選中，它都會返回相同的值(on)，這可能會造成混淆，因為它不同是使用於提交表單行為。

比較建議使用被點擊到後顯示 true，取消則顯示 false。

$("#isChecked").click(function(){
    var isChecked = $(this).is(":checked");
    console.log(isChecked); //true or false
  });