所需的 JavaScript 代码复选框

javascript code for required checkbox

本文关键字：代码 复选框 JavaScript      更新时间：2023-09-26

我有一个网站，我正在尝试在继续结帐之前需要填写我的（额外费用）复选框PayPal。单击复选框时，也会为总价增加额外的钱（不确定这是否会影响任何事情）。我也找不到复选框的 name= 字段，所以我使用了 id=，我确信这是完全错误的。对不起，我对此非常陌生。

另请注意 - 在我的复选框表单之后，我必须再浏览 2 页点击一本书的按钮，然后才能到达提交结帐按钮......不确定这是否会阻止任何内容正常工作？–

我已将以下内容添加到我的自定义 css 中：

    <form action="../" onsubmit="if (this.package-44.checked == false) { alert ('You didn''t choose any of the checkboxes!'); return false; } else { return true; }">
<p><input type="checkbox" id="package-44" value="add" required="required" /></p>
<p><input type="submit" name="woocommerce_checkout_place_order" value="Proceed to PayPal" required="required" /></p>
</form>

我在主题的页脚.php中发布了这个：

    $('#formTemplate').submit(function() {
    if (!attributeSupported("required") || ($.browser.safari)) {
   //If required attribute is not supported or browser is Safari (Safari thinks that it has this attribute, but it does not work), then check all fields that has required attribute
        $("#formTemplate [required]").each(function(index) {
        if (!$(this).val()) {
        //If at least one required value is empty, then ask to fill all required fields.
          alert("Please fill all required fields.");
          return false;
        }
      });
    }
    return false; //This is a test form and I'm not going to submit it
 });

我还在复选框输入的后端将输入更改为<required="required" />。这仍然没有阻止我继续结帐。任何更多的帮助，不胜感激。

如果我了解您，该复选框是必需的。是吗？

只需更改复选框行：

<p><input type="checkbox" id="package-44" value="add" required ></p>

有一个简单的 html 代码用于 html 输入。

将required="required"添加到输入元素。例：

<input type="checkbox" required="required" />

当您提交表单时，如果未选中复选框，浏览器会给您一个警报，通知您需要选中复选框元素。

因为你想在javascript中做到这一点，所以你可以看看这个答案：如何在Javascript中设置HTML5必需属性？

编辑：请参阅下面Marko关于检查具有所需标签的已提交表单的评论。

相关文章：