[ JavaScript ] ラジオボタンで選択したページに移動するサンプル

ラジオボタンで選択したページに移動する JavaScript のサンプルです。

サンプルコード ———————————————————————-

<html><head>
<title>Javascript Sample</title>
<script language="JavaScript">
<!--
    function LC()
    {
        var val = document.form1.r1.length;
        for(i=0; i<val; i++)
        {
            if(document.form1.elements[i].checked)
            {
                location.href = document.form1.elements[i].value;
                break;
            }
        }
    }
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20">
<center>
    <form name="form1" action="">
        <p>ラジオボタンで選択されたページにジャンプする</p>
        <table border="0">
            <tr>
                <td bgcolor="#FFFFFF">
                    <input type="radio" name="r1" value="http://www.yahoo.co.jp" checked>
                    http://www.yahoo.co.jp<br>
                    <input type="radio" name="r1" value="http://www.goo.ne.jp">
                    http://www.goo.ne.jp<br>
                    <input type="radio" name="r1" value="http://www.google.co.jp">
                    http://www.google.co.jp
                </td>
            </tr>
        </table>
        <p>
            <input type="button" value="JUMP!" name="next" onclick="LC()">
            <input type="reset" value=" CANCEL " name="reset">
        </p>
    </form>
</center>
</body>

実際に動作するサンプル ———————————————————————-

– サンプルファイル

コメントを残す