javascript/html 中的复选框

Checkbox in Javascript/Html

本文关键字：复选框 html javascript      更新时间：2024-02-02
<script type="text/JavaScript">
    function checkForm(form)
    {
        if(!form.terms.checked){
        alert("Please indicate that you accept");
        forms.terms.focus();
        return false;
    }
    return true;
    }
</script>
<form onsubmit="return checkForm(this);" action="www.google.com">
<p><input type="checkbox" name="terms"> I accept</p>
<p><input class="button" type="submit" value="Continue" ></p>
</form>

您好，我正在尝试添加一个复选框，您必须选中该复选框才能继续。当您单击按钮而不选中该框时，它会正确弹出操作;但是，它仍然会将您带到网站。我想在将用户带到网站之前继续要求选中该框。你们能帮我一把吗？ 我尝试在 { } 之间的返回 true 之后添加它，但它似乎不起作用。我在javascript方面的知识是非常基本的。

谢谢

你的焦点代码中有一点错别字(你输入了forms而不是form(。这是正确的代码。

function checkForm(form)
{
    if(!form.terms.checked){
        alert("Please indicate that you accept");
        form.terms.focus(); // corrected "form" instead of "forms"
        return false;
    }
    return true;
}

小提琴

我认为问题在于关注输入复选框。请将您的 Javascript 代码更改为 

<script type="text/JavaScript">
function checkForm(form)
  {
     if(!form.terms.checked){
       return false;
      }
       return true;
  }

您可以将按钮的类型从提交更改为按钮，并在单击事件上触发评估函数。如果选中该复选框，则提交表单。

(也在 href 属性上添加了 http://(

<script type="text/JavaScript">
function checkForm(button)
{
    var form = button.form;
    if(!form.terms.checked)
    {
        alert("Please indicate that you accept");
        form.terms.focus();         
    }
    else
    {
        form.submit();
    }
}
</script>
<form action="http://www.google.com">
<p><input type="checkbox" name="terms"> I accept</p>
<p><input class="button" type="button" value="Continue" onclick="checkForm(this)" ></p>
</form>
相关文章：