如何從javascript/jquery複選框獲取bool值？

Question

我試圖看看複選框是否勾選或沒有一個簡單的功能。它似乎並不奏效，這裏是代碼：

HTML：

<form> 
    <input type="checkbox" id="check" /> 
</form> 

JS：

$(document).ready(function() { 
    if ($('#check').is(":checked")) { 
    alert('it works') 
    } 
}); 

的jsfiddle：https://jsfiddle.net/5h58mx1h/

Answer 1

更換你HTML這個

<form> 
    <input type="checkbox" id="check" checked /> 
</form> 

這將爲你工作。因爲你沒有選中複選框，所以不要提醒。

Answer 2

您的代碼僅運行一次 - document準備就緒時。你需要一個事件偵聽器附加到複選框，並檢查時，它的變化：

$(document).ready(function() { 
    $('#check').change(function() { 
    if ($(this).is(":checked")) { 
     alert('it works'); 
    } 
    }); 
}); 

Fiddle

Answer 3

應該工作：

$(document).ready(function() { 
     var ckbox = $('#checkbox'); 

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

jsFiddle