札幌Web制作のシンクグラフィカ

@勉強中さん (2018-04-27 11:35:19) localhost

Mailform Pro 4.2.3、jqueryは2.2.4
switching.jsを使用したものを作成中です
そこに、新たにCSVExportのモジュールをONにしすると、switching.jsで隠れていたものが全て表示され、表示されるものだけ「必須」にしたいところが、全て「必須」扱いになってしまいます
記述ソースは以下の通りです
記述方法がおかしいのでしょうか？

■参加人数を選択

<dl class="mailform">
<dt class="mfp">参加人数</dt>
<dd class="mfp">
<label><input type="radio" name="参加人数" value="1人" checked id="p1"> 1人</label>
<label><input type="radio" name="参加人数" value="2人" id="p2"> 2人</label>
<label><input type="radio" name="参加人数" value="3人" id="p3"> 3人</label>
</dd>
</dl>

■上記の選択人数によって、必須の入力項目を表示
※「1人」の場合は、イコール申込者として、「氏名」入力欄は新たに表示されません

<dl class="mailform" id="ps2">
<dt class="mfp">2人目：氏名<span class="must">必須</span></dt>
<dd class="mfp"><input type="text" name="2人目：氏名" size="35" required="required"></dd>
</dl>

<dl class="mailform" id="ps3">
<dt class="mfp">3人目：氏名<span class="must">必須</span></dt>
<dd class="mfp"><input type="text" name="3人目氏名" size="35" required="required"></dd>
</dl>

------------------------------------------
■switching.js

function swElementsExample(){
// 2人
if(mfp.$(’p2’).checked){
mfp.sw(false,’ps2’);
mfp.sw(true,’ps3’,false);

// 3人
}else if(mfp.$(’p3’).checked){
mfp.sw(false,’ps2’);
mfp.sw(false,’ps3’);

// 1人
}else{
mfp.sw(true,’ps2’,false);
mfp.sw(true,’ps3’,false);
}
}