|
图形复选框 (已阅读
次)
示例:你喜欢什么颜色?
以下是该程序的源代码:
function ImgClick(strName, checkvalue, uncheckvalue)
{
var img = eval('document.all.' + strName);
var hiddenvalue = eval('document.all.img_' + strName);
if (img.src.indexOf('unchecked.gif') != -1) {
img.src = 'checked.gif';
hiddenvalue.value = checkvalue;
}
else {
img.src = 'unchecked.gif';
hiddenvalue.value = uncheckvalue;
}
}
function ImgCheckBox(imgLabelName, checkedValue, unCheckedValue,
isChecked, strText) {
document.write('<A onclick="javascript:ImgClick('
+ imgLabelName +', ' + checkedValue + ', ' + unCheckedValue + ');" href="javascript:void(null)"><IMG
name="' + imgLabelName + '" alt=""');
//如果没有定义isChecked,则默认是选中状态
if (typeof(isChecked) == 'undefined' || isChecked)
document.write(' src="checked.gif"');
else
document.write(' src="unchecked.gif"');
document.write(' align="absmiddle" border="0"></A>');
if (typeof(unCheckedValue) == 'undefined')
unCheckedValue = '';
//如果没有定义isChecked,则默认值是checkedValue
if (typeof(isChecked) == 'undefined' || isChecked)
document.write('<input type="hidden"
name="img_' + imgLabelName + '" value="' + checkedValue + '">');
else
document.write('<input type="hidden"
name="img_' + imgLabelName + '" value="' + unCheckedValue + '">');
//如果有要求显示的文字
if (typeof(strText) != 'undefined')
document.write(strText);
}
ImgCheckBox(imgLabelName, checkedValue, unCheckedValue[, isChecked(true |
false), strText])
说明
生成一个图片格式的复选框,与CheckBox功能相似。
参数
imgLabelName
必选项。
复选框的名字,请记住,使用该函数会自动为该名字加上'img_'前缀,如名字为'checkbox',则该复选框的名字就是'img_checkbox'。
checkedValue
必选项。 复选框在选中时的值。
uncheckedValue
必选项。
复选框在未选中时的值(本来是打算做成可选项的,可是如果没有定义该参数,系统就把该参数定义成了'undefined',各位可以看看我的代码有什么不对的地方:))。
isChecked
可选项。当前复选框是否被选中,该参数值只可为true或是false。如果没有该参数,则默认为该复选框处于选中状态。
strText
可选项。当前复选框后显示的文字。如果没有该参数,你也可以自己人为的添加文字。 |