サポート » 使い方全般 » MW WP Formチェックボックスで選択した値によって表示させる

  • 解決済 suca06

    (@suca06)


    https://synround.com/web/mwwpform-form-custom/
    これのラジオボタンではなく、複数のチェックボックスの中から特定のものにチェックが入ったら表示させたいです。

    http://tvit.main.jp/blog/web/checkbox
    さらにこちらを参考に「#CheckBoxのチェックボックス の3番目の「三番目」にチェックが入ったら
    「.open」を表示

    jQuery(document).ready(function($){
    $(".open").css("display", "none"); 
    $("#CheckBox span:nth-child(3)").click(function(){
    if($('input:checkbox[value="三番目"]').is(':checked')) {$('.open').show('fast');}else{$('.open').hide('fast');}
    });
    });

    ◆MW WP Form

    <dl>
    <dt><label>チェックボックス</label></dt>
    <dd id="CheckBox">[mwform_checkbox name="チェックボックス " children="一番目,二番目,三番目,四番目"]</dd>
    </dl>
    
    <dl class="open">
    <dt><label>三番目がチェックされたら表示</label></dt>
    <dd>[mwform_checkbox name="チェックボックス2" children="A,B,C"]</dd>
    </dl>
    
    [mwform_bconfirm value="confirm"]入力内容の確認[/mwform_bconfirm]
    [mwform_bsubmit name="mwform_bsubmit-927" value="send"]送信[/mwform_bsubmit]
    [mwform_bback value="back"]戻る[/mwform_bback]
    

    「.open」は表示はされるのですが、確認ボタンを押すと非表示になってしまいます。
    確認画面でも非表示になってしまいます。

    「#CheckBoxのチェックボックス の3番目の「三番目」をチェックした時は、確認画面でも表示にしたいのですが、
    どのようにしたら良いかわかりませんでした。ご教示いただけると幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんな感じでしょうか。
    $(".open").css("display", "none");

    if ($('.mw_wp_form_input').length) {
      // 入力画面
      if (!$('input:checkbox[value="三番目"]').is(':checked')) {
        $('.open').css('display', 'none');
      }
    } else if ($('.mw_wp_form_confirm').length) {
      // 確認画面
      if ($.inArray('三番目', $('input:hidden[name="チェックボックス[data]"]').val().split(',')) == -1) {
         $('.open').css('display', 'none');
      }
    }
    トピック投稿者 suca06

    (@suca06)

    ありがとうございます!無事こちらの内容で解決いたしました。
    いつもありがとうございます。ishitakaさんの能力が羨ましい限りです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「MW WP Formチェックボックスで選択した値によって表示させる」には新たに返信することはできません。