同僚が作成した JavaScript 配列コードがあります。選択したチェックボックスに応じて、指定されたページ (zero.html、zeroone.html など) に移動するように修正しました。私が今達成したいのは、複数のチェックボックスを選択すると、選択したチェックボックスに基づいて別のページに移動するようにすることです。
コードは次のとおりです。
<script language="javascript">
<!-- Activate Cloaking Device -->
// Set in dataBase() function - used as array index.
var recnum="";
// Used to initialize arrays.
function initArray()
{
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++)
{ this[i] = initArray.arguments[i]; }
}
// Creating the arrays
var rcrd = new initArray();
var address = new initArray();
address[0] = "zero.html";
address[1] = "one.html";
address[2] = "two.html";
address[0,1] = "zeroone.html";
address[0,2] = "zerotwo.html";
address[1,2] = "onetwo.html";
address[0,1,2] = "zeroonetwo.html";
// Called by onClick for each checkbox button - determines & displays url in full window
function dataBase(leapto)
{
for (var i = 0; i < 4; i++)
{
if (leapto.buttons[i].checked)
{ recnum = leapto.buttons[i].value; }
}
if ( (rcrd[recnum] !=null) && (rcrd[recnum] != "") )
{ document.leapto.display.value = rcrd[recnum]+"\r\n\r\n"+address[recnum]; }
}
// Called by Search Now button - Loads preselected page.
function leapTo()
{
if ( (address[recnum] !=null) && (address[recnum] != "") && (recnum != "") )
window.location= address[recnum];
else
alert("\nYou must make a selection first.");
}
// Deactivate Cloaking
</script>
</head>
<body>
<form name="leapto">
<input type="checkbox" name="buttons" value="0" onclick="dataBase(this.form)" /> Zero<br />
<input type="checkbox" name="buttons" value="1" onclick="dataBase(this.form)" /> One<br />
<input type="checkbox" name="buttons" value="2" onclick="dataBase(this.form)" /> Two<br />
<input type="button" class="classname" width="400" height="50" border="0" value="Search Now" onclick="leapTo()" /></form>
<script>
function myFunction(){var x;if (name!=null) {document.getElementById("demo").innerHTML=x;}}
</script>
</body>