нажатие кнопки и автоматический выбор радиокнопок в контактной форме 7

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 );
} );