5am! Web Illusions

こんなことありませんか？
フォームを作っていて、項目が多くなり過ぎてユーザーがストレスを感じそうな時。
そんな時、押した項目によってその後の内容を変化させれば
項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはず。
JavaScriptはかなりの初心者なので忘れないようメモしてみた。

【サンプル】例えばお申し込みフォームで…
・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。
・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。

function entryChange1(){
radio = document.getElementsByName(’entryPlan’)
if(radio[0].checked) {
//フォーム
document.getElementById(’firstBox’).style.display = “”;
document.getElementById(’secondBox’).style.display = “none”;
//特典
document.getElementById(’firstNotice’).style.display = “”;
}else if(radio[1].checked) {
//フォーム
document.getElementById(’firstBox’).style.display = “none”;
document.getElementById(’secondBox’).style.display = “”;
//特典
document.getElementById(’firstNotice’).style.display = “none”;
}
}

利用方法

初めて申し込む
2度目以降の利用

紹介者

紹介された方のお名前を入力してください。

会員番号

会員番号を入力してください。

特典:初めての方は30%オフ！