WordPress / Gravity Forms - Show/hide a div 基于数字字段的值
WordPress / Gravity Forms - Show/hide a div based on value of a number field
我希望根据重力形式的数字字段有条件地显示 div。数字字段会根据复选框字段中选中的项目数而变化。当您选中任何一个复选框时,数字字段 return 为“1”,如果您 select 任何两个,那么它将 return “2”,等等...(参见 this video 用于演示)
在我的测试中,我发现我可以毫无问题地获取数字字段的值,但由于某种原因,我的 IF 语句无法正常工作,我无法缩小问题的范围...什么在这个例子中应该发生的是内容应该只在数字字段 returns "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 不是我的强项。
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();
});
});
我希望根据重力形式的数字字段有条件地显示 div。数字字段会根据复选框字段中选中的项目数而变化。当您选中任何一个复选框时,数字字段 return 为“1”,如果您 select 任何两个,那么它将 return “2”,等等...(参见 this video 用于演示)
在我的测试中,我发现我可以毫无问题地获取数字字段的值,但由于某种原因,我的 IF 语句无法正常工作,我无法缩小问题的范围...什么在这个例子中应该发生的是内容应该只在数字字段 returns "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 不是我的强项。
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();
});
});