Question

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

Answer 1

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

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

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

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

Answer 2

您必须以其他方式执行此操作，例如

按此顺序写下。

$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" >

Answer 3

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

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

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

在document.getElementById("free").checked = false;

中添加function clearform()

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

取消选中通过POST []中的Echo检查的选中框

3 个答案: