繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
用js获取点击图片的值!
发布：dxy 字体：[
增加
减小
] 类型：转载
今天写的，项目要求的控制取值的代码，放上来让大家轻拍一下。
需求：图片可以多选，单独提取第一次选取图片的值、提取用户选择的所有图片的值并保存。
那位高手有更好的方法，请留下脚印，谢谢！^-^
点击运行可以看到效果:
<html> <head> <style type="text/css"> <!-- .picqa{ cursor:hand; float:left; border:5px #333 solid; padding:1px; margin:2px; } .picqa_active{ cursor:hand; float:left; border:5px #FF0000 solid; padding:1px; margin:2px;} --> </style> <script type="text/javascript"> <!-- var ifactive = 0; function changpicclass(thisid,thisvalue){ //改变图片样式 if(document.getElementById(thisid).className == "picqa") { document.getElementById(thisid).className = "picqa_active"; ifactive = 1;} else { document.getElementById(thisid).className = "picqa"; ifactive = 0;} //写值 window.document.muchcombo_tt.firsiclick.value == "" ? window.document.muchcombo_tt.firsiclick.value = thisvalue : (window.document.muchcombo_tt.clickpicvalue.value = writeclickpicvalue(thisvalue)); //alert(window.document.muchcombo_tt.firsiclick.value); function writeclickpicvalue(thisvalue){ var s = window.document.muchcombo_tt.clickpicvalue.value; if(ifactive == 1){ s = s + thisvalue; s = s.replace(/\s/g,""); return s; }else{ s = s.replace(thisvalue,""); return s;} } //用户离开时间过长时候，清空文本框，放置缓存 setTimeout('clear()',10000); } function clear(){ window.document.muchcombo_tt.clickpicvalue.value = "";} --> </script> </head> <body> <form name="muchcombo_tt" action="" method="post"> <div id="temp" style="position:absolute; width:380px; height:550px; z-index:0; visibility: visible;"> <div id="picqa1" class="picqa" onclick="changpicclass(this.id,1)">pic1</div> <div id="picqa2" class="picqa" onclick="changpicclass(this.id,2)">pic2</div> <div id="picqa3" class="picqa" onclick="changpicclass(this.id,3)">pic3</div> <div id="picqa4" class="picqa" onclick="changpicclass(this.id,4)">pic4</div> <div style="clear:both;"> firstClickValue:<input type="text" name="firsiclick" value="" size="20"/> OtherClickValue:<input type="text" name="clickpicvalue" value="" size="20"/></div> </div> </form> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
用js获取点击图片的值!
百度中搜索更多的关于
用js获取点击图片的值!
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
一个JS翻页效果
下一篇文章：
JavaScript的9个陷阱及评点分析
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
解决FireFox下[使用event很麻烦]的问题
用 JavaScript 给站外链接的 cursor 进行
B/S开发中常用javaScript技术与代码
Ucren Virtual Desktop V2.0
用javascript实现在小方框中浏览大图的代
写的htc的数据表格
让您的菜单不离网站
点击广告后才能获得下载地址
用js实现键盘方向键翻页功能的代码
如何让动态插入的javascript脚本代码跑起
最 近 更 新
innertext , insertadjacentelement , in
js类中获取外部函数名的方法
如何在Web页面上直接打开、编辑、创建Off
静态页面的值传递(三部曲)
IE中jscript/javascript的条件编译
js模拟实现Array的sort方法
Auntion-TableSort国人写的一个javascrip
运用Windows XP附带的Msicuu.exe、Msizap
fix-ie5.js扩展在IE5下不能使用的几个方法
得到当前行的值的javascript代码
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句