web前端
数据库
编程语言
搜索技术
关于本站
登录
登 录
下次自动登录
学步园
返回顶部
查看留言
转到底部
现在的位置:
首页
> 综合 > 正文
RSS
购买物品的累加计算，选中即开始加减，非常方便
2013年05月18日
⁄ 综合
⁄ 共 2962字 ⁄ 字号
小
中
大
⁄
评论关闭
设为首页
加入收藏
联系我们
首页
|
推荐软件
|
最新软件
|
源码下载
|
模板下载
|
教程下载
|
软件分类
|
软件搜索
|
JS特效
|
技术文档
|
论坛
JS实例特效: 购买物品的累加计算，选中即开始加减，非常方便
演示区：
商品一 $15.25
商品二 $12.39
商品三 $18.75
花费总计:
脚本说明：
将下面的代码加在<head></head>之间
将下面的代码加在<body></body>之间
<SCRIPT LANGUAGE="JavaScript"><br /> <!-- Begin<br /> <!-- begin cloaking from non-JavaScript browsers.</p> <p> // TITLE: Order Form with Checkbox Item Selection<br /> // An order form which utilizes checkboxes for making a selection. This method only allows<br /> // one quantity of any item to be ordered.<br /> // Script updates the order total as the visitor checks and unchecks the selections.<br /> // Also note that the order total can not be manually altered by the visitor.</p> <p> // Custom scripting by Paul DeBrino of Infinity Research and Development, Inc.<br /> // We also have a netscrape version for purchase, which works with both NS and IE.<br /> // For other scripts, or to place an order for customized scripts such as<br /> // on-line form scripting, please contact the owner via Email at: info @ infinity-rd.com<br /> // If you wish to use this script, kindly keep these comments and (C)opyright within the<br /> // source code. Permission granted for http://javascript.internet.com to publish this script.</p> <p> //Define global form total:<br /> var form_total=0;</p> <p> //Define function to manipulate the form total per item selected/deselected:<br /> function CheckChoice(whichbox)<br /> {</p> <p> //This code will dump all Document Object Model properties for the active checkbox:<br /> //Remove the "//" marks *after* "start of commented section ...<br /> // up to but *not* including "end of commented section" to make this work.<br /> //START OF COMMENTED SECTION:<br /> //for (xx in whichbox)<br /> // {<br /> // document.write(xx);<br /> // document.write(' = ');<br /> // document.write(eval('whichbox.'+xx));<br /> // //UNCOMMENT THE FOLLOWING LINES IF YOU ALSO WANT TO DUMP THE CHILD OBJECTS:<br /> // //if (eval('whichbox.'+xx)=='[object]')<br /> // //{ document.write('**Begin child: ');<br /> // // for (zz in eval('whichbox.'+xx))<br /> // // { document.write(zz);<br /> // // document.write(' = ');<br /> // // document.write(eval('whichbox.'+xx+zz));<br /> // // document.write(', ');<br /> // // }<br /> // // document.write(':End child**');<br /> // //}<br /> // document.write('<br>');<br /> // }<br /> // END OF COMMENTED SECTION.</p> <p> //If box was checked, accumulate the checkbox value as the form total,<br /> //Otherwise, reduce the form total by the checkbox value:<br /> if (whichbox.checked == false)<br /> { form_total -= eval(whichbox.value); }<br /> else { form_total += eval(whichbox.value); }</p> <p> //Re-set displayed total on form:<br /> document.myform.total.value = '$'+eval(form_total);</p> <p> }</p> <p> //Define function to init the form on reload:<br /> function InitForm()<br /> {<br /> //Reset the displayed total on form:<br /> document.myform.total.value='$0';</p> <p> //Set all checkboxes on form to unchecked:<br /> for (xx=0; xx < document.myform.elements.length; xx++)<br /> {<br /> if (document.myform.elements[xx].type == 'checkbox')<br /> {<br /> document.myform.elements[xx].checked = false;<br /> }<br /> }<br /> }</p> <p> // end cloaking --><br /> // End --><br /> </script><br /> <form method="POST" name="myform"><br /> <font face=Arial><br /> 商品一 $15.25<br /> <input type="checkbox" name="Steak" value=15.25 onclick="CheckChoice(this);"><br /> 商品二 $12.39<br /> <input type="checkbox" name="Chicken" value=12.39 onclick="CheckChoice(this);"><br /> 商品三 $18.75<br /> <input type="checkbox" name="Sushi" value=18.75 onclick="CheckChoice(this);"><br /> <br><br><br /> <font><br /> 花费总计: <input type="text" name="total" readonly onFocus="this.blur();"><br /> </font><br /> </font><br /> </form>
将下面的代码加在<body>里(例
<body **加代码处**>
)
onLoad="InitForm();"
3P代码 版权所有
Copyright (©) 2004
3P代码
All Rights Reserved
返回
【上篇】
Linux 视频设备驱动V4L2最常用的控制命令使用说明（1.01）
【下篇】
日复一日
作者:
compo
该日志由 compo 于11年前发表在综合分类下，最后更新于 2013年05月18日.
转载请注明:
购买物品的累加计算，选中即开始加减，非常方便 | 学步园
+复制链接
抱歉!评论已关闭.
书签
招生
白云飘飘网
青岛房产网
最新文章New
网站优化可以收获更好的收益
robots在网页开发中起到了一定的
SEO引擎优化可以更好的方便搜索
Dreamweaver教程很实用，值得学习
很多的photoshop教程值得学习，你
编程语言很重要，特别是对于计算
数据库非常常见，也非常实用！
H5指的是第5代html，不同于传统企
HTML是什么，该怎么制作？
本站推荐
为什么PHP的吉祥物是一头大象
作业的提交和监控（二）
作业的提交和监控（一）
Boost – Function 分析
奇技淫巧 – C/C++ 宏自身
模板的 SFINAE 原则
Octopress 和 Git 的结合
Electric-fence 介绍
