Question

在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会做出神奇的...

我的问题是：

我应该写什么jQuery？
我应该把代码放在哪里？（前端/后端，插件等）

Answer 1

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

＆＃13;

$(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);
    }); 
});

＆＃13;

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

＆＃13;

编辑：添加了一个带有jQuery示例的代码段。

WordPress复选框 - 如何将其默认为已选中

1 个答案: