WordPress复选框 - 如何默认为选中

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>

复选框(名称="um-mailchimp[8adb6373b1]"(默认情况下不勾选/选中...

我

实际上正在做一些研究，我发现一个简单的jQuery可以神奇地发挥作用......

我的问题是：

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

Answer 1

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

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

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