如何自动提交复选框
How to auto submit a checkbox
这里是HTML/JavaScript:
<form method = "post" style="display: inline;" name="thisform<?php echo $employee->id; ?>">
<input type="hidden" name="user" value="<?php echo $employee->id; ?>" />
<input type="hidden" name="auto" value="<?php echo $employee->stay_live; ?>" />
<h3><input type="checkbox" name="stay_live" onclick="document.forms.thisform<?php echo $employee->id; ?>.submit();" <?php if ($employee->stay_live == '1') { echo "checked"; } ?> title="Click to Stay Live Every Day" /> <?php echo $employee->name; ?>
</form>
这里是PHP
:
<?php
if(isset($_POST['stay_live'])) {
$user=$_POST['user'];
$auto=$_POST['auto'];
if ($auto == 1) {
$sql = "UPDATE users SET stay_live = 0 WHERE id = '{$user}';";
}
if ($auto != 1) {
$sql = "UPDATE users SET stay_live = 1 WHERE id = '{$user}';";
}
mysqli_query($dbconnection, $sql);
}
?>
如果您在表单中看到onclick
代码,它将自动提交表单并执行PHP POST
。但是,只有在未检查checkbox
的情况下,onclick
才能工作。如果选中,屏幕会刷新,就像它做了什么一样,但POST永远不会提交。
综上所述;当没有选中该框并且需要对其进行设置时,一切都能正常工作。但对于UNSET来说,服务器函数永远不会被调用。有人知道为什么吗?
注意:这是测试代码,所以请不要对sql注入
复选框值未选中时不会发送,因此未设置$_POST["stay_live"]
。
<?php
if (isset($_POST["user"])) // type="hidden" will be sent regardless of checkbox
{
if (isset($_POST["stay_alive"])) echo "Checkbox checked";
else echo "Checkbox not checked";
}
?>
使用Jquery,我将执行以下操作:您需要制作一个包含要执行的函数的文件。此文件将通过POST或GET 接收
在onclick属性中,只需为操作变量添加一个if,if(element checked)action=unchecked--else action=check
--Jquery函数
function cBoxSubmit($employId, $action){ // call it in your onclick attribute.
$.post("submitFunction.php",{action: $action, employId: $employId, ...},function(data){ // Parameters: URL file, variables which will receive, call back function
if(data){
// On Success or in your case if checked
// add some code if needed
}
else{
// If unchecked
// add some code if needed
}
}
}
注意:echo==在php文件中返回。。。这就是如何将数据返回到Jquery函数
相关文章:
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 如何获取所有选中复选框的所有值,然后将其提交到表单中
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- ASP MVC复选框表单提交问题
- 如何在将鼠标悬停在提交/锚点上时检查复选框是否已选中,并显示提示用户这样做的警报
- Rails 4:动态添加的复选框未提交
- 高级表单提交-单选、复选框和重定向
- 如何在提交时验证多个复选框
- 提交前验证超链接和复选框
- 为什么复选框在未选中时不提交任何数据
- 如何提交未选中复选框的值
- 如何使用javascript自动提交保存/重新填充的复选框
- 如何在提交时防止粘性复选框重置?(一页上有多个表格)
- HTML5/Javascript验证复选框提交URL重定向
- 使用复选框提交表单
- 使用复选框提交表单
- 使未选中的HTML复选框提交选中的值
- 通过取消选中复选框提交表单
- 可以't使用jQuery+Rails点击复选框提交表单
- Yahoo YUI2 datatable复选框提交