javascript - 提醒复选框的状态

Question

我知道我正在犯一些愚蠢的错误。我的问题是我想显示复选框的状态。单击复选框时，如果它被选中，那么它将显示为已选中，如果它未被选中，它将警告未选中..

但我的问题是，无论选中还是未选中，它总是显示选中...

这是我的示例代码，首先是 jquery 或 javascript

function increase_seat()
{
   if($(this).prop("checked", true))
        alert("checked");
   else if($(this).prop("checked", false))
        alert("unchecked");
}

php/html 脚本是

for($i=1;$i<=10;$i++)
        {?>

              <input type="checkbox" name="checkbox[]" value="<?php echo $i;?>" class="check" />
       <?php
        }?>

Answer 1

您正在设置属性checked，而不是获取属性的值。检查 Prop here 。您可以将 is(":checked") 与复选框一起使用来找出选中状态。

更改为

HTML

<input type="checkbox" onclick="increase_seat(this);" name="checkbox[]" value="<?php 

回显 $i;?>"class="check"/>

Javascript

function increase_seat(source)
{
   if($(source).is(":checked"))
          alert("checked");
    else 
          alert("unchecked");
}

如果您有 jQuery 1.7 或更高版本，最好使用 attr 而不是 prop。