【问题标题】:WordPress Checkbox - how to default it as checkedWordPress Checkbox - 如何将其默认为已选中
【发布时间】:2018-02-19 03:21:22
【问题描述】:

在 Wordpress 的一个页面(注册表单)中,我有一个订阅 Mailchimp 时事通讯的复选框:

<div class="um-field um-field-b um-field-mailchimp" data-key="um_mailchimp_8_7">

            <div class="um-field-area">

                <label class="um-field-checkbox">
                    <input type="checkbox" name="um-mailchimp[8adb6373b1]" value="1">
                    <span class="um-field-checkbox-state"><i class="um-icon-android-checkbox-outline-blank"></i></span>
                    <span class="um-field-checkbox-option">Daily Newsletter Registration - MailChimp</span>
                </label>


                <div class="um-clear"></div>

            </div>

        </div>

复选框(name="um-mailchimp[8adb6373b1]")默认不勾选/勾选...

我实际上做了一些研究,我发现一个简单的 jQuery 就可以做到这一点......

我的问题是:

  1. 我应该写什么 jQuery?
  2. 我应该把代码放在哪里? (前端/后端,插件等)

【问题讨论】:

  • "我认为除了 jQuery 之外,您可能还需要 Bootstrap 和 Node.js 来使该框选中。如果您还使用 React 和 MooTools,您也可以选中另一个框。 – JakeParis 14 小时前”我不确定我是否解释得很好,但我不想尝试在 WOrdPress 的前端执行此操作...复选框是由插件呈现的,因此我无法修改它...跨度>

标签: html forms


【解决方案1】:

不需要 jQuery。您可以将 checked 属性添加到输入中。

$(document).ready(function() {
    $("#demo").click(function(){ // Remove the click listener to automatiacally do it with when the page is loaded.
        $('[name="um-mailchimp[8adb6373b1]"]').prop('checked', true);
    }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
    <input type="checkbox" name="um-mailchimp[8adb6373b1]" checked value="1">
<span>Daily Newsletter Registration - MailChimp</span>
</label>
<br>
<label>
    <input type="checkbox" name="um-mailchimp[8adb6373b1]" value="1">
    <span>Daily Newsletter Registration - MailChimp</span>
</label>

<button id="demo" type="button">Check the checkbox with jQuery!</button>

编辑:添加了一个带有 jQ​​uery 示例的 sn-p。

【讨论】:

  • 核心是由 WOrdPress 插件渲染的,如何在 wordpress 的 div 中“检查”?
  • @FiNaR 我用 jQuery 添加了一个例子,我想这对你来说会更容易。
  • 感谢您的回答,我对将您提供的代码放在哪里有点困惑...有没有办法在 WordPress 管理 UI 中上传代码?或者我需要更改服务器代码?非常感谢任何帮助
  • @FiNaR:在 LinkedIn 上联系我或给我发电子邮件。我可以亲自帮助你。
  • @Riky Notaro,谢谢,我已经跟进了 Linkedin :)
猜你喜欢
  • 2014-09-11
  • 1970-01-01
  • 1970-01-01
  • 2017-11-12
  • 2021-01-26
  • 1970-01-01
  • 2018-07-09
  • 1970-01-01
  • 2019-08-25
相关资源
最近更新 更多