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

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

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

実際に動作するサンプル

https://codepen.io/darucub/pen/qEZRZdv

サンプルコード

<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 ACTION="">
        <P>ラジオボタンで選択されたページにジャンプする</P>
        <TABLE border="0">
            <TR>
                <TD bgcolor="#FFFFFF">
                    <INPUT type="radio" value="http://www.yahoo.co.jp" checked>
                    http://www.yahoo.co.jp<BR>
                    <INPUT type="radio" value="http://www.goo.ne.jp">
                    http://www.goo.ne.jp<BR>
                    <INPUT type="radio" value="http://www.google.co.jp">
                    http://www.google.co.jp
                </TD>
            </TR>
        </TABLE>
        <P>
            <INPUT type="button" value="JUMP!" onClick="LC()">
            <INPUT type="reset" value=" CANCEL ">
        </P>
    </FORM>
</CENTER>
</BODY>
</HTML>

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。