PHP & JavaScript Room :: 設置サンプル

<form action="#" id="frmA">
    <textarea cols="60" rows="5">【利用規約】
利用規約に同意すると、ダウンロードボタンが表示されます。</textarea>
    <p>
        <label for="ag1"><input type="radio" name="agreement" id="ag1" value="1" onclick="fAgreement()" />同意する</label>
        <label for="ag2"><input type="radio" name="agreement" id="ag2" value="0" onclick="fAgreement()" />同意しない</label><br>
    </p>
</form>

<script type="text/javascript">
function fAgreement(){
    /* フォーム */
    var frmObj=document.getElementById("frmA");
    /* ボタン */
    var btnObj=document.getElementById("btnDownload");
    /* ラジオボタンのチェック状況 */
    var agreeFLG=document.getElementById("ag1").checked;
    /* ボタンが存在する場合 */
    if(btnObj!=undefined){
        /* 同意するにチェックなし */
        if(agreeFLG!=true){
            /* ボタンを削除 */
            frmObj.removeChild(btnObj);
        }
    /* ボタンが存在しない場合 */
    }else{
        /* 同意するにチェックあり */
        if(agreeFLG==true){
            /* フォームにボタンを追加 */
            var btnObj=document.createElement("input");
            btnObj.setAttribute("type", "submit");
            btnObj.setAttribute("id", "btnDownload");
            btnObj.setAttribute("value", "ダウンロード");
            frmObj.appendChild(btnObj);
        }
    }
}
</script>