2011年11月11日金曜日

クリックで下欄情報表示/非表示

<script type="text/javascript">
    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";
        }
    }
    //オンロードさせ、リロード時に選択を保持
    window.onload = entryChange1;
</script>
<body onload="entryChange1()">

<label><input type="radio" name="entryPlan" value="hoge1" onclick="entryChange1();" checked="checked" />同意しない</label> &nbsp;&nbsp;&nbsp;
<label><input type="radio" name="entryPlan" value="hoge2" onclick="entryChange1();" />同意する</label><br />

<!-- 表示非表示切り替え -->
<p id="firstBox">
[同意する]をクリックすると申込み用の画面が下欄に表示されます。
</p>
<p>
ご記入いただいた個人情報は、個人情報に関する法律に基づき、取扱い責任者が厳重に管理いたします。<br />
また、その情報は、○○業務目的にのみ使用いたします。
</p>

<div id="secondBox">
<h5>【同意する】をクリックしたときに表示される内容</h5>
</div>

0 件のコメント:

コメントを投稿