如何重置由php设置的Check值的复选框？
我有一个带有无数复选框的web表单。如果表单填写不正确，则不会重置任何复选框(作为一种防挫折功能)。
问题是，如果表单以前提交过，重置按钮不能取消选中所有复选框。我该如何解决这个问题？
如果表单是事先提交的，document.getElementById("form").reset()也不起作用。
示例代码如下：
<body>
<script>
function resetData() {
document.getElementById("deleteContactFlag").checked=false;
document.getElementById("userAdministrationFlag").checked=false;
}
</script>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post" id="form">
<input type="checkbox" name="deleteContactFlag" id="deleteContactFlag" <?php if (isset($_POST["deleteContactFlag"])) echo 'checked="checked"'; ?>/> Delete Contacts<br>
<input name="userAdministrationFlag" type="checkbox" id="userAdministrationFlag" <?php if (isset($_POST["userAdministrationFlag"])) echo 'checked="checked"'; ?>/> User Administration<br><br>
<input type="submit" name="submit" id="submit" value="Submit">
<button type="button" onClick="resetData()">Reset</button>
</form>
</body>回答 3
Stack Overflow用户
发布于 2014-06-26 19:27:42
表单重置不会清除表单中的所有值，但会将表单设置回最初加载页面时的初始状态。(在此初始状态下，某些复选框已被选中。)
尝试手动重置所有复选框：
var inputs=document.getElementsByTagName("input");
for (var i in inputs)
if (inputs[i].type=="checkbox") inputs[i].checked=false;或者，如果您使用jQuery：
$("input[type=checkbox]").each(function() { this.checked=false; });Stack Overflow用户
发布于 2014-06-26 19:24:26
尝试在html元素之外使用Php代码
HTML
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>"method="post" id="form">
<input type="checkbox" name="deleteContactFlag" id="deleteContactFlag" /> Delete Contacts
<input name="userAdministrationFlag" type="checkbox" id="userAdministrationFlag" /> User Administration
<input type="submit" name="submit" id="submit" value="Submit">
<button type="button" onClick="resetData()">Reset</button>
</form>Stack Overflow用户
发布于 2014-06-26 19:30:03
如果您发现表单重置功能不可靠，可以使用JavaScript检查和取消检查checkbox输入。(我认为重置表单应该只是在页面加载时将其设置回初始状态，这就是为什么您可能会遇到这个问题？)下面是一个例子：
function checkAll(formname, checktoggle)
{
var checkboxes = new Array();
checkboxes = document[formname].getElementsByTagName('input');
for (var i=0; i<checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = checktoggle;
}
}
}
<a onclick="javascript:checkAll('form', true);" href="javascript:void();">check all</a>
<a onclick="javascript:checkAll('form', false);" href="javascript:void();">uncheck all</a>这里的代码(这里还有一个jQuery示例)：http://www.webdevdoor.com/javascript-ajax/javascript-function-check-uncheck-checkboxes/
https://stackoverflow.com/questions/24428996
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号