Question

我已经在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>

Answer 1

您可以使用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 );
} );

单击联系表中的按钮并自动选择单选按钮7

1 个答案: