如何检查是否取消选中所有复选框

时间:2014-09-24 08:00:54

标签: javascript php html

我有这样的形式:

enter image description here

因此,如果我选中了复选框然后单击编辑,它将重定向到编辑页面并仅显示已检查的数据。

如果我没有选中任何复选框,然后单击编辑或删除,则会出现问题,它会显示错误消息,可能是因为没有选择/检查数据。

所以我希望我的编辑和删除按钮有某种警报,所以如果我没有检查任何数据,然后单击编辑或删除,我希望它显示警报或至少没有做任何事情。< / p>

这是我的表单代码:

<form name='frmedit' method='post' action=''>
<table>
<tr>
<td>&#10003;</td>
<td>No.</td>
<td>Nama</td>
<td>Merk</td>
</tr>
<tr>
      <td><input type='checkbox' name='cek[]' value='$data[id_usulan]' ></td>
      <td>$no.</td>
      <td>$data[nama]</td>
      <td>$data[merk]</td>
</tr>
</table>

<table>
<tr>
<td><input type='checkbox' name='allbox' value='check' onClick='checkAll(0);'/>Check All
&nbsp;|&nbsp;
<input type='button' name='update' value='Edit' onClick='setUpdateAction();'/>
&nbsp;|&nbsp;
<input type='button' name='delete' value='Delete'  onClick='setDeleteAction();' /></td>
</tr>
</table>
</form>

编辑和删除功能在onClick中,功能是:

function setUpdateAction() {

if($('#frmedit input[type="checkbox"]').is(':checked')){
    document.frmedit.action = "edit_user.php";
document.frmedit.submit();
    }else{
alert("Please check at least one.");
return false;
    }
}

至于setDeleteAction,我仍然没有做任何事情。

谢谢。

1 个答案:

答案 0 :(得分:2)

您可以检查是否已选中其中任何一个,而不是选中未选中的所有复选框。像

&#13;
&#13;
$("button").on("click",function(){

  if($(".test:checked").length == 0) {
    alert("nothing is checked");
  } else {
    alert("something is checked");
  }
  
  
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="checkbox" class="test" value="1" />
<input type="checkbox" class="test" value="2" />
<input type="checkbox" class="test" value="3" />
<input type="checkbox" class="test" value="4" />
<input type="checkbox" class="test" value="5" />

<button>check</button>
&#13;
&#13;
&#13;