检查是否使用函数prop

Question

<form action="">
<input type="checkbox" id="cbk" class="cbk" name="cbk">
<input type="submit">
</form>
<script type="text/javascript">
if($('#cbk:checked').prop('checked'))
{
    alert('Checked');
}
else
{
    alert('Uncheck');
}
</script>

我尝试但没有警报，我也尝试了$('#cbk:checked').attr("checked")?1:0;但它仍然无效。

Answer 1

很简单：

 $('#checkbox').is(':checked');

如果选中复选框，则上述代码返回true，否则返回false。

所以你的代码将是

<form action="">
<input type="checkbox" id="cbk" class="cbk" name="cbk">
<input type="submit">
</form>
<script type="text/javascript">
if($('#cbk').is(':checked'))
{
    alert('Checked');
}
else
{
    alert('Uncheck');
}
</script>

Answer 2

使用此

if(document.getElementById('cbk').prop("checked") == true)
{
}

或

if(document.getElementById('cbk').checked)
{
}