ラジオボタンで選択したページに移動する 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>