时间戳

首页 > 解决方案 > 根据上一个问题的答案显示/隐藏结帐字段

wordpress - 根据上一个问题的答案显示/隐藏结帐字段

问题描述

我使用多步结帐插件。

我使用复选框询问客户是否有过敏症。第一个复选框是none ，然后是鸡肉、牛肉等。

我希望删除无复选框选项并在此之前提出该问题。例如，我想问“你有饮食要求吗？” 并将是或否作为单选按钮处理。

我希望默认隐藏复选框过敏选项，并且仅当客户在上述问题中选择是时才显示此问题。我会很感激建议。

使用这样的东西是建议还是不好？

$('.dietary_restrictions').click(function() {
    if($(this).is(":checked")) {
        $('.additional_allergies').show();
    } else {
        $('.additional_allergies').hide();
    }
})

此外，我的结帐插件确实支持条件问题，但显示和隐藏问题的选项是一个下拉菜单，它允许我仅根据客户或产品显示和隐藏，而不是基于问题或答案。

标签： wordpressformsvalidationwoocommercecheckout

解决方案

它的 jquery 并且你需要放置在里面并使用 jQuery 而不是 $

<script>
function dietary_restrictions() {
    jQuery('input#dietary_restrictions').click(function() {
        if($(this).is(":checked")) {
            jQuery('input#additional_allergies_field').show();
        } else {
            jQuery('input#additional_allergies_field').hide();
        }
}
</script>

或者只是将其粘贴到 jQuery(document).ready({}); 中的 .js 文件中；

推荐阅读