时间戳

首页 > 解决方案 > 联系表格 7 中的按钮单击和自动选择单选按钮

wordpress - 联系表格 7 中的按钮单击和自动选择单选按钮

问题描述

我在 WordPress ( http://phototechnolabs.com/fashion-photo-editing ) 中创建了一个页面。现在在定价表如果我单击按钮，它必须向下并选择自动单选按钮选项。

例如，如果我点击黄金定价表按钮，它应该会自动选择黄金单选按钮。

我正在使用联系表格 7。

<p>[text* Name: placeholder "Name:"]</p>
<p>[email* Email: placeholder "Email:"]</p>
<p>[tel* Phonewithcountrycode: placeholder "Phone with country code:"]</p>
<b>Select Your Plan*</b>
<p>[radio Package id:Package  "Silver" "Gold" "Platinum" "Custom"]</p>
<p>[file FileUpload limit:50000000 filetypes:gif|png|jpg|jpeg]</p>
<p>[textarea* DiscribeYourRequirement: placeholder "Brief your Requirement:"]</p>
<p><center>[submit "GET A FREE TRIAL"]</center></p>

标签： wordpresscontact-form-7

解决方案

您可以使用jQuery

将data-value="Gold"属性添加到按钮。在每个按钮上传递与单选按钮相同的值。

然后添加以下脚本：

jQuery( ".pricing-plan-list .btn-pricing" ).click( function() {
    var planVal = jQuery( this ).data( 'value' );
    jQuery( "input[name=Package][value=" + planVal + "]" ).prop( 'checked', true );
} );

推荐阅读