[ 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>
</HTML>

実際に動作するサンプル

コメントを残す

メールアドレスが公開されることはありません。