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

実行結果

送信先URL:

ソース

<script type="text/javascript">
    function changeAction(){
        var frm=document.frmB1;
        /* チェック用変数 */
        var err=0;
        /* チェックボックスが選択されているか調べる */
        for(i=0;i<frm.link.length;i++){
            if(frm.link[i].checked==true){
                /* チェックされていたら、チェック用変数をプラスし、ループを抜ける */
                err++;
                break;
            }
        }
        if(err==0){
            /* ラジオボタンが未選択ならアラート表示 */
            alert("送信先を選択してください。");
            return false;
        }else{
            /* 選択されたラジオボタンの値(URL)にPOST送信 */
            frm.action=frm.link[i].value;
            /* target属性を指定 */
            frm.target = "_blank";
            /* フォーム送信 */
            frm.submit();
        }
    }
</script>

<form name="frmB1" method="get" action="#">
    送信先URL: 
    <label for="link_b1_1"><input type="radio" id="link_b1_1" name="link" value="/content/demo/test.php" />test.php</label>
    <label for="link_b1_2"><input type="radio" id="link_b1_2" name="link" value="/content/demo/test2.php" />test2.php</label>
    <input type="button" value="送信" onclick="changeAction()" />
</form>

polarized women