急!求教一段 javascript 代码
用户每件商品只能上传3张图片。某个商品用户已经上传了3张图片,现在该用户要编辑该商品。
已上传的3张图片的缩略图显示在商品底部,每张图片的左侧有选择框(checkbox)(都为选中状态)。当用户点任意选择框使其变为“未选中状态”时,图片下方变会出现上传图片按钮 (“未选中” 表明用户想删除该图片,也就意味着用户可以上传一张新的图片,因为每个商品最多能上传3张图片)。
当然,当选择框有两个为 “未选中”时,图片下方就会出现两个上传图片按钮;但是当用户再次点击选择框使其状态变回"选中"(表明想保留该图片),那相应的图片下方的一个上传图片按钮也会自动消失。
如果用户编辑的是已经上传了两张图片的商品,那编辑启示页面应当出现一个上传图片按钮。
不知道大家明不明白我的描述,能否帮忙写段代码?我试了一天还是不起作用,头大了。
<?php
for ($i=0; $i<count($photos); $i++) { // count($photos) 已经上传的图片数量
echo '
<input type="checkbox" name="photo[$i]" onChange="printUpload(3)" checked> // 3 代表最多能上传3张
<img src="'.$photos[$i]['filename'].'" />'; // 打印已上传图片的所略图
}
echo '
<script language="javascript">
printUpload(maxUpload) {
var uploaded = 0;
for (i=0; i<maxUpload; i++) {
if (document.DoubleDropDownMenu.photo[i].checked=true) {
uploaded++; // 统计多少是选种状态
}
}
remain=maxUpload-uploaded; // 计算用户还能上传几张图片
for (i=0; i<remain; i++) {
writeln(\'<input type="hidden" name="MAX_FILE_SIZE" value="'.$maxSize.'" /><input type="file" name="attachment[]" style="width: 100%"; />\'); // 打印上传图片按钮
}
}
</script>';
?>