我的 WordPress 文件中有两个单选按钮。我有两个 contact-form-7 短代码,并且希望在单击单选按钮"is"时执行一个,在单选按钮为“否”时执行另一个。我愿意使用ajax,因为我不想重新加载页面,但不知道如何使用它。如果你能指导我那就太好了。
示例 HTML:
<input type=radio name=radio value=yes/>
<input type=radio name=radio value=no/>
<script>
if(radio==yes){
call_php_shortcode1();
}elseid(radio == no){
call_php_shortcode2();
}
</script>
最佳答案
请执行以下步骤。
第 1 步: 将以下单选按钮代码复制并粘贴到您的 php 文件中。
<input type="radio" name="radio" value="yes" onclick="getRadioVaal(this.value)"/>Form1
<input type="radio" name="radio" value="no" onclick="getRadioVaal(this.value)"/> Form2
<div id="result"></div>
第 2 步: 将以下 javascript 代码复制并粘贴到同一个 php 文件中。
<script type="text/javascript">
function getRadioVaal(radio_val){
// alert(radio_val);
$.ajax({
type: "POST",
url: '<?php echo admin_url( 'admin-ajax.php' ); ?>',
data: "action=get_radio_button_vale&radio_val="+radio_val,
success:function(response){
$('#result').html(response);
}
});
}
</script>
第 2 步: 将以下代码片段复制并粘贴到您的主题 functions.php 文件中。
//Ajax call for display form on click radio button
function display_contact_form(){
if($_POST['radio_val'] === 'yes'){
echo do_shortcode('[contact-form-7 id="28" title="Contact form 1"]');
}else if($_POST['radio_val'] === 'no'){
echo do_shortcode('[contact-form-7 id="29" title="Contact form 2"]');
}
exit;
}
add_action( 'wp_ajax_get_radio_button_vale', 'display_contact_form' );
add_action( 'wp_ajax_nopriv_get_radio_button_vale', 'display_contact_form' );
关于javascript - 单击单选按钮时执行 PHP 函数,Wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44047822/