单选按钮使用“图像交换”数组 - 我如何更改我的数组以使用字符串值？答案

【问题标题】：Radio buttons use "image swap" array - how do i change my array to use string values instead?单选按钮使用“图像交换”数组 - 我如何更改我的数组以使用字符串值？
【发布时间】：2011-04-07 07:15:38
【问题描述】：

我有一个数组：

function displayStoneCut(box){

var stonecutPics = new Array(5)
stonecutPics[0] = "images/designform7/design-form-07_type6-2.gif";
stonecutPics[1] = "images/designform7/design-form-07_type6-1.gif";
stonecutPics[2] = "images/designform7/design-form-07_type6-3.gif";
stonecutPics[3] = "images/designform7/design-form-07_type6-4.gif";
stonecutPics[4] = "images/designform7/design-form-07_type6-5.gif";
document.getElementById('stonecutpic').src = stonecutPics[parseInt(box.value)];
}

适用于单选按钮

<input name="stonecut" type="radio" onClick="displayStoneCut(this);" value="0" >
<input name="stonecut" type="radio" onClick="displayStoneCut(this);" value="1" checked >

等等

在页面下方交换图像：

<img src="images/designform7/design-form-07_type5-1.gif" width="139" height="161" name="stonepic" id="stonepic"/><img src="images/designform7/design-form-07_type6-1.gif" width="168" height="161" name="stonecutpic" id="stonecutpic"/>

这一切都在一个多页表单中（通过 CSS 控制）。问题是发送表单时（使用 ASP 和 JMail），值以 0、1、2 的形式出现，我希望这些值以字符串/单词值的形式出现。

什么是最好的解决方案？修改数组，以某种方式向单选按钮添加另一个值或组合另一个数组？

非常感谢任何帮助

【问题讨论】：

我认为 retag 会得到这个问题的一些很好的答案。让我顺便说一下，stonecutPics 数组应该在函数之外声明。除非石刻图像的集合发生变化，否则无需在每次点击时重新定义所有图像。

标签： javascript arrays string forms radio-button

【解决方案1】：

这个呢：

<input name="stonecut" type="radio" onClick="displayStoneCut(this);" 
    value="images/designform7/design-form-07_type6-2.gif" >
<input name="stonecut" type="radio" onClick="displayStoneCut(this);" 
    value="images/designform7/design-form-07_type6-1.gif" checked >

...
function displayStoneCut(box){
    document.getElementById('stonecutpic').src = box.value;
}

您的表单将获得图像的值。你想要哪个？

【讨论】：