Javascript - 如果 cookie 存在，则有条件地将复选框添加到 php 页面

Question

我有一些 Javascript，在 PHP/WordPress 页面上的提交按钮之前添加了一些免责声明文本和确认复选框。我希望脚本检查 cookie 是否存在。如果 cookie 不存在(或已过期)，则添加免责声明文本、复选框并强制用户在继续之前单击复选框。但一旦完成，就会写入一个 cookie，以便下次运行脚本时，如果绕过免责声明文本、复选框，只允许用户点击“提交”。

所以，类似:

if cookie-exists {
    // straight to submit part of the code
} else {
    // show disclaimer and checkbox
    // Only allow user to hit submit if checkbox is ticked
    // Set the cookie with an expire of a day
}

我可以在这里看到有关设置/读取 cookie 的答案 > How do I create and read a value from cookie?

但我只是在努力将其放入下面的代码片段中。
任何指示或帮助将不胜感激。谢谢。

代码片段如下:

function add_listing_select_cb()
{
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function ($){
            var checkbox_cont = '<br><input type="checkbox" name="I_Agree" id="I_Agree" value="I_Agree" /> <b>Disclaimer text here....</b>';
            jQuery(".property-search input[type='submit']").before(checkbox_cont);

            jQuery("#searchform").submit(function () {
                if (!jQuery("#I_Agree").is(":checked")) {
                    alert("Please first agree with the terms.");
                    return false;
                };
            });


            var $sel = $('#showresultsbasedonourratings'),
            $opts = $sel.children();
            $optsSorted = [];
            $optsSorted.push($opts.eq(0));
            for (var i = $opts.length - 1; i > 0; i--) {
                $optsSorted.push($opts.eq(i));
            };

            console.log($optsSorted);

            $sel.empty();
            $sel.append($optsSorted);

        });
    </script>
    <?php
}

Answer 1

你尝试过类似的事情吗？

function add_listing_select_cb()
{
    ?>
    <script type="text/javascript">
       function getCookie(name) {
            var value = "; " + document.cookie;
            var parts = value.split("; " + name + "=");
            if (parts.length == 2) return parts.pop().split(";").shift();
        }

        jQuery(document).ready(function ($){
            if (getCookie("anything")!==true){
                var checkbox_cont = '<br><input type="checkbox" **required** name="I_Agree" id="I_Agree" value="I_Agree" /> <b>Disclaimer text here....</b>';
                jQuery(".property-search input[type='submit']").before(checkbox_cont);

                jQuery("#searchform").submit(function () {
                    if (!jQuery("#I_Agree").is(":checked")) {
                        alert("Please first agree with the terms.");
                        return false;
                    };
                });
            }

            var $sel = $('#showresultsbasedonourratings'),
            $opts = $sel.children();
            $optsSorted = [];
            $optsSorted.push($opts.eq(0));
            for (var i = $opts.length - 1; i > 0; i--) {
                $optsSorted.push($opts.eq(i));
            };

            console.log($optsSorted);

            $sel.empty();
            $sel.append($optsSorted);

        });
    </script>
    <?php
}