前提・実現したいこと
wordpressのプラグイン MW WP Form にてラジオボタン の選択肢によって
項目を変更するフォームを作成しております。
発生している問題・エラーメッセージ
お問い合わせ種類のラジオボタン「見積もり」を選択すると
お問い合わせ内容が消え、見積内容が表示されます。
しかし、必須の入力項目に入力していない場合や、確認画面から戻るで戻った場合に
条件分岐していた項目がリセットされてしまいます。
例)お問い合わせ種類:見積もりにチェックを入れて、確認画面から戻ると
見積もりにチェックは入っているが、表示されているのは「お問い合わせ内容」
有識者の方がいらっしゃいましたら、ご教授いただけますと幸いです。
宜しくお願い致します。
該当のソースコード
html
1<p>お問い合わせ種類</p> 2<div class="form-group"> 3 [mwform_radio id="contact" name="contact-type" children="contact:お問い合わせ" value="contact" class="form-check-inline"] 4 [mwform_radio id="mitsumori" name="contact-type" children="mitsumori:見積もり" class="form-check-inline"] 5</div> 6 7<div id="contact-check"> 8 <p>お問い合わせ内容</p> 9 <div class="form-group form-check-inline"> 10 [mwform_checkbox name="contact" children="お問い合わせ内容1,お問い合わせ内容2" separator="," class="form-check-input"] 11 </div> 12</div> 13 14<div id="mitsumori-check"> 15 <p>見積内容</p> 16 <div class="form-group form-check-inline"> 17 [mwform_checkbox name="mitsumori" children="見積もり内容1,見積もり内容2" separator="," class="form-check-input"] 18 </div> 19</div>
js
1(function($){ 2 var path = location.pathname ; 3 //フォームページのURL 4 if( path == '/sample/contact-3/') { 5 $('#contact-check').show(); 6 $('#mitsumori-check').hide(); 7 $('[name="contact-type"]:radio').change( function() { 8 if( $('#contact-1').prop('checked')) { 9 $('#contact-check').show(); 10 $('#mitsumori-check').hide(); 11 } else if ($('#mitsumori-1').prop('checked')) { 12 $('#contact-check').hide(); 13 $('#mitsumori-check').show(); 14 } 15 }); 16 //フォーム確認ページのURL 17 } else if( path == '/sample/confirm-3/') { 18 var contactType = $('input[name="contact-type"]').val(); 19 if( contactType == 'contact') { 20 $('#contact-check').show(); 21 $('#mitsumori-check').hide(); 22 } else if (contactType == 'mitsumori') { 23 $('#contact-check').hide(); 24 $('#mitsumori-check').show(); 25 } 26 } 27})(jQuery);
あなたの回答
tips
プレビュー