WordPress / Gravity Forms - 根据数字字段的值显示/隐藏 div答案

【问题标题】：WordPress / Gravity Forms - Show/hide a div based on value of a number fieldWordPress / Gravity Forms - 根据数字字段的值显示/隐藏 div
【发布时间】：2021-02-22 01:27:18
【问题描述】：

我希望根据重力形式的数字字段有条件地显示 div。数字字段根据复选框字段中选中的项目数而变化。当您选中任何一个复选框时，数字字段返回“1”，如果您选择任何两个，它将返回“2”，等等......（参见this video进行演示）

在我的测试中，我发现我可以得到数字字段的值没有问题，但由于某种原因，我的 IF 语句不能正常工作，我无法缩小问题范围......应该发生什么在这个例子中，只有当数字字段返回“2”时，内容才会消失。

这是重力表单为数字字段生成的 HTML：

<div class="ginput_container ginput_container_number">
     <input name="input_5" id="input_13_5" type="text" value="" class="medium" tabindex="5" readonly="readonly" aria-invalid="false">
</div>

这是我放置在页面其他位置的条件显示内容的 HTML：

<div class="conditional-div">
    Content to hide if total field value is equal to 2
</div>

这是我正在使用的 jQuery：

jQuery(function ($) {
    var total = $(':input[name=input_5]');
    var total_value = total.val();
    if (total_value === "2")
        jQuery(".conditional-div").hide();
    else
        jQuery(".conditional-div").show();
});

对此的任何帮助将不胜感激！我擅长 CSS、HTML 和 PHP，但 jQuery 不是我的强项。 ????

【问题讨论】：

console.log(total_value)
@FSDford 我查了一下，发现它与调试有关，但我不太确定在这种情况下我应该如何使用它......我检查了我的开发人员工具选项并找不到与 jQuery 相关的任何错误

标签： html jquery wordpress gravity-forms-plugin gravityforms

【解决方案1】：

HUZZAH！??? 经过更多的测试，我想通了！

问题不在于我的 IF 语句，而是没有任何东西注册对字段的更改以触发 IF 语句。另外，我显然不需要那个额外的变量......无论如何，这是有效的：

jQuery(function ($) {
    var total = $(':input[name=input_5]');
    total.change(function() {
    if (total.val() === "2")
        jQuery(".conditional-div").hide();
    else
        jQuery(".conditional-div").show();
    });
});

【讨论】：