如何以重力形式动态更改复选框标签
How to change checkbox label dynamically in Gravity form
我使用重力表单 WordPress 插件创建了一个多页面表单。我创建了一个复选框,需要在选中和取消选中该复选框时显示不同的标签。
对于单页表单,我已经使用 JQuery 完成了此操作,
但在多页表格中它不起作用。
有什么正确的方法吗
多页面重力形式加载其他页面而不重新加载整个网页,
所以如果写成jQuery可能无法识别表格的隐藏部分。
所以我们可以使用
jQuery(document).bind('gform_post_render', function() {});
在加载表单页面后触发我们的 jQuery 函数。
参考:https://www.gravityhelp.com/documentation/article/gform_post_render/
试试这个
jQuery(document).bind('gform_post_render', function(){
// destroy default Gravity Form datepicker
jQuery("#your_id").datepicker('destroy');
// create new custom datepicker
jQuery("#your_id").datepicker({ defaultDate: '+7d', minDate: '+7d', gotoCurrent: true, prevText: *, showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });
});
</script>
我使用重力表单 WordPress 插件创建了一个多页面表单。我创建了一个复选框,需要在选中和取消选中该复选框时显示不同的标签。 对于单页表单,我已经使用 JQuery 完成了此操作, 但在多页表格中它不起作用。 有什么正确的方法吗
多页面重力形式加载其他页面而不重新加载整个网页, 所以如果写成jQuery可能无法识别表格的隐藏部分。 所以我们可以使用
jQuery(document).bind('gform_post_render', function() {});
在加载表单页面后触发我们的 jQuery 函数。
参考:https://www.gravityhelp.com/documentation/article/gform_post_render/
试试这个
jQuery(document).bind('gform_post_render', function(){
// destroy default Gravity Form datepicker
jQuery("#your_id").datepicker('destroy');
// create new custom datepicker
jQuery("#your_id").datepicker({ defaultDate: '+7d', minDate: '+7d', gotoCurrent: true, prevText: *, showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });
});
</script>