選択肢によって入力項目が開閉するフォームを作りたい（MW WP Form）
ラジオボタンでの実装はできましたが、チェックボックスでのjQueryの記述方法が分かりません。
ラジオボタンでその他を選択した場合テキスト入力が表示されるよう下記のように実装しました。
<tr>
<th>目的</th>
<td>
<div class="radio">
[mwform_radio name="purpose" children="目的1,目的2,目的3,その他" vertically="true"]
</div>
<div class="purpose-other-wrap other-wrap">
[mwform_text name="purpose-other" class="other" placeholder="「その他」を選択した場合はご記入ください。"]
</div>
</td>
</tr>
$(function() {
$('[name="purpose"]:radio').change(function() {
$(".purpose-other-wrap").hide();
if ($("input:radio[name='purpose']:checked").val() == "その他") {
$('.purpose-other-wrap').show();
} else {
$("input[name='other']").val("");
}
}).trigger('change');
});
これがチェックボックスの場合
<tr>
<th>目的</th>
<td>
<div class="radio">
[mwform_checkbox name="purpose" children="目的1,目的2,目的3,その他" vertically="true"]
</div>
<div class="purpose-other-wrap other-wrap">
[mwform_text name="purpose-other" class="other" placeholder="「その他」を選択した場合はご記入ください。"]
</div>
</td>
</tr>
どのように記載したら上手く動くのでしょうか。
上の記述の「:radio」を「:checkbox」に変えてみたりしましたが上手くいきませんでした。
ご教授お願いいたします。
0 likes