MW WP FORM ラジオボタンでの条件分岐

2018.07.02

ラジオボタンの選択した内容によって表示させたい入力項目があると思います。
今回ではwordpressでよく使われているプラグインMW WP FORMで、

ラジオボタンの選択によってフォームの入力項目を切り替える方法を紹介します。

<tr>
<th>お問い合わせ内容</th>
<td>[mwform_radio name="contact" id="contact" value="2" children="見積り,2:お問い合わせ"]</td>
</tr>
<tr class="contact-in">
<th>見積り内容</th>
<td>[mwform_text name="mitumori" id="mitumori" js="minDate:3"]</td>
</tr>
<tr class="contact-in">
<th>お問い合わせ内容</th>
<td>[mwform_text name="otoiawase" id="otoiawase"]</td>
</tr>

<tr>

<th>お問い合わせ内容</th>

<td>[mwform_radio name="contact" id="contact" value="2" children="見積り,2:お問い合わせ"]</td>

</tr>

<th>見積り内容</th>

<td>[mwform_text name="mitumori" id="mitumori" js="minDate:3"]</td>

</tr>

<th>お問い合わせ内容</th>

<td>[mwform_text name="otoiawase" id="otoiawase"]</td>

</tr>

$(function() {
 $('[name="pickup"]:radio').change(function() {
  $(".contact-in").hide();
  if ($("input:radio[name='contact']:checked").val() == "1") {
   $('.contact-in').show();
  } else if($("input:radio[name='contact']:checked").val() == "2") {
   $("input[name='mitumori']").val("");
   $("select[name='otoiawase']").val("0");
  }
 }).trigger('change'); 
});