取消选中通过开机自检 [] 中的回显选中的复选框

Uncheck Checked Boxes checked through Echo from POST[]

本文关键字：复选框 开机自检 取消      更新时间：2023-09-26

我想在按下清除按钮时取消选中这些框。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();
}

只需将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;
}

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

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

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

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

你必须用其他方式做到这一点，比如

按此顺序写下此内容。

$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" >
相关文章：