取消选中通过 Echo 从 POST[] 中选中的复选框答案

【问题标题】：Uncheck Checked Boxes checked through Echo from POST[]取消选中通过 Echo 从 POST[] 中选中的复选框
【发布时间】：2015-03-11 11:32:57
【问题描述】：

我想在按下清除按钮时取消选中这些框。 Form.reset 不起作用。不是getelementbyid.checked = false。

这是我检查它们的方法

<input type="checkbox"  name="free" <?php echo empty($_POST['free']) ? '' : '         checked="checked" '; ?>>Free Shipping<br>

这是清除按钮：

<input type="reset" value="clear" onclick="clearform()" style="float:right;        width:80px; margin-right:5px;">

这是函数：

function clearform()
{
   document.getElementById("results").innerHTML = "";
   document.getElementById("results").style.visibility = "hidden";
   document.getElementById("searchform").reset();
}

【问题讨论】：

标签： javascript php checkbox http-post reset

【解决方案1】：

只需将id 添加到复选框即可。改变

 <input type="checkbox"  name="free" ...

到
<input type="checkbox" name="free" id="free" ...

在function clearform()中添加document.getElementById("free").checked = false;

function clearform()
{
    document.getElementById("results").innerHTML = "";
    document.getElementById("results").style.visibility = "hidden";
    document.getElementById("searchform").reset();
    document.getElementById("free").checked = false;
}

【讨论】：

【解决方案2】：

如果你想使用getElementById()，你首先需要给你的复选框一个id，就像：

<input type="checkbox" id="exempleId" ..... />

然后在您的 javascript 中，取消选中该框：

document.getElementById("exempleId").checked = false;

【讨论】：

【解决方案3】：

你必须通过其他方式来做到这一点，比如

按这个顺序写。

$check = '';
$check = (isset($_POST['free']) && !empty($_POST['free'])) ? 'checked="checked"' : '';

if(isset($_REQUEST['reset']))
{
    $check = '';
}

并将您的输入更改为

<input type="checkbox"  name="free" <?php echo $check; ?>>Free Shipping<br>

然后将按钮重置为

<input type="reset" value="clear" onclick="clearform()" style="float:right; width:80px; margin-right:5px;" name="reset" >

【讨论】：