请人帮忙看一下JS的功能修改问题

php初学者1 2013-06-17 11:35:46 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Language" content="zh-CN" />

<meta name="Keywords" content="" />

<meta name="Description" content="" />

<style>

li {display:inline;float:left}

</style>

</head>

<body>

<div class="area_2 mb10">

			<div class="tit fix">

				<h3 class="l">人气组合</h3>

				<p class="l"></p>

			</div>

			<div class="clear"></div>

			<div class="cont">

				<ul class="fix">

					

                    <div class="scrolling" id="combo" style="overflow-x:scroll;">

                    <ul style="width:1000px;">

					<li class="bg1">

						<a href="#" ><img src="images/w1_48.png" alt="" /></a>

						<p><a href="#" >商品</a></p>

						<div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>

					</li>

                    <li class="bg1">

						<a href="#" ><img src="images/w1_48.png" alt="" /></a>

						<p><a href="#" >商品</a></p>

						<div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>

					</li>

                    <li class="bg1">

						<a href="#" ><img src="images/w1_48.png" alt="" /></a>

						<p><a href="#" >商品</a></p>

						<div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>

					</li>

					<li class="bg1">

						<a href="#" ><img src="images/w1_48.png" alt="" /></a>

						<p><a href="#" >商品</a></p>

						<div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>

					</li>

					<li class="">

						<a href="#" ><img src="images/w1_48.png" alt="" /></a>

						<p><a href="#" >商品</a></p>

						<div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>

					</li>

                    </ul>

                    </div>

					<li class="bg3">

						<p>总参考价格：<i>￥708.00</i></p>

						<p id="gooda">总优惠价格：<span id="goodp">￥698.00</span></p>

						<div class="btn"><a href="#" ><img src="images/w1_59.png" alt="" /></a></div>

					</li>

				</ul>

			</div>

		</div>

</body>

</html>

<script>

	var combo=document.getElementById("combo").getElementsByTagName("li");

	var goodadd=document.getElementById("goodadd[]");

	var gooda=document.getElementById("gooda");

	var spanp=document.createElement("span");

	spanp.id="spanp";

	function goodss(price){

	

        gooda.removeChild(gooda.firstChild.nextSibling);//移除gooda第一个节点的下一个节点

   

		

		if(goodadd.checked){

				

				var nprice=345;

				

				nprice+=price;

				var nnprice='￥'+nprice+'.00';

				

				spanp.innerHTML=nnprice;

				//

				//spanp.parentNode.removeChild(gooda); 

				gooda.appendChild(spanp);//插入新节点

				

				//gooda.replaceChild(spanp.innerHTML,gooda.innerHTML);

			

		}else{

				var nprice=345;

				nprice=price;

				var nnprice='￥'+nprice+'.00';

				spanp.innerHTML=nnprice;

				gooda.appendChild(spanp);

			}

	}

</script>

我想做成类似于京东关联营销的东西，点击对勾就会加上相应的价格！
我写的第一个是通过删除一个节点，然后加上一个节点！
我现在做出来了第一个商品点击对勾，会有对应的价格变化，但是我想实现多选几个价格累加的效果，想问一下大家怎么写呢？
京东地址：
http://item.jd.com/833156.html
...全文
171 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
Sb梁先生 2013-06-18
  • 打赏
  • 举报
 回复
这个用jquery 选择器。
Null_Reference 2013-06-18
  • 打赏
  • 举报
 回复
楼上正解！！！！
php初学者1 2013-06-17
  • 打赏
  • 举报
 回复
代码 可以直接拿来测试的
心雨嘀嗒 2013-06-17
  • 打赏
  • 举报
 回复 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <style>
        li {display:inline;float:left}
    </style>
</head>
<body>
<div class="area_2 mb10">
    <div class="tit fix">
        <h3 class="l">人气组合</h3>
        <p class="l"></p>
    </div>
    <div class="clear"></div>
    <div class="cont">
        <ul class="fix">

            <div class="scrolling" id="combo" style="overflow-x:scroll;">
                <ul style="width:1000px;" id="list">
                    <li class="bg1">
                        <a href="#" ><img src="images/w1_48.png" alt="" /></a>
                        <p><a href="#" >商品</a></p>
                        <div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>
                    </li>
                    <li class="bg1">
                        <a href="#" ><img src="images/w1_48.png" alt="" /></a>
                        <p><a href="#" >商品</a></p>
                        <div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>
                    </li>
                    <li class="bg1">
                        <a href="#" ><img src="images/w1_48.png" alt="" /></a>
                        <p><a href="#" >商品</a></p>
                        <div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>
                    </li>
                    <li class="bg1">
                        <a href="#" ><img src="images/w1_48.png" alt="" /></a>
                        <p><a href="#" >商品</a></p>
                        <div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>
                    </li>
                    <li class="">
                        <a href="#" ><img src="images/w1_48.png" alt="" /></a>
                        <p><a href="#" >商品</a></p>
                        <div class="check"><label><input type="checkbox" name="" id="goodadd[]" onclick="goodss(345)"/>￥345.00</label></div>
                    </li>
                </ul>
            </div>
            <li class="bg3">
                <p>总参考价格：<i>￥708.00</i></p>
                <p id="gooda">总优惠价格：<span id="goodp">￥698.00</span></p>
                <div class="btn"><a href="#" ><img src="images/w1_59.png" alt="" /></a></div>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
<script>
    function each(fn) {
        for(var i = 0; i < this.length; i++) {
            if(fn && fn.call(this[i], i) === false) {
                break;
            }
        }
    }
    function getByTag(tagName, parent) {
        parent = parent || document.body;
        var list = parent.getElementsByTagName(tagName);
        list.each = function(fn) {
            each.call(list, fn);
        };
        return list;
    }
    var combo=document.getElementById("combo").getElementsByTagName("li");
    var goodadd=document.getElementById("goodadd[]");
    var gooda=document.getElementById("gooda");
    var spanp=document.createElement("span");
    spanp.id="spanp";
    var list = getByTag('input', document.getElementById('list'));
    var goodp = document.getElementById("goodp");
    function goodss(price){
        var total = 0;
        list.each(function() {
            if(this.checked) {
                total += 345;
            }
        });
        goodp.innerHTML = '￥'+ total +'.00';
    }
    /*function goodss(price){

        gooda.removeChild(gooda.firstChild.nextSibling);//移除gooda第一个节点的下一个节点


        if(goodadd.checked){

            var nprice=345;

            nprice+=price;
            var nnprice='￥'+nprice+'.00';

            spanp.innerHTML=nnprice;
            //
            //spanp.parentNode.removeChild(gooda);
            gooda.appendChild(spanp);//插入新节点

            //gooda.replaceChild(spanp.innerHTML,gooda.innerHTML);

        }else{
            var nprice=345;
            nprice=price;
            var nnprice='￥'+nprice+'.00';
            spanp.innerHTML=nnprice;
            gooda.appendChild(spanp);
        }
    }*/
</script>
螃蟹哥哥 2013-06-17
  • 打赏
  • 举报
 回复
同上，建议使用jquery
ddgx 2013-06-17
  • 打赏
  • 举报
 回复
建议你学下jquery
基于 Vue3 + Uniapp 实现，支持分销、拼团、砍价、秒杀、优惠券、积分、会员等级、小程序直播、页面 DIY 等功能
芋道商城，基于 Vue3 + Uniapp 实现，支持分销、拼团、砍价、秒杀、优惠券、积分、会员等级、小程序直播、页面 DIY 等功能，100% 开源
Java web仿京东商城的在线电子商务商城系统.(联系博主可帮忙安装系统)
本系统具有商城的一切功能，页面丰富，功能多样，联系博主可帮忙安装系统（有偿）
淘客帝国破解版
5.15 修复UTF8版本文章系统无法整合，乱码的问题 某些模板友情链接可能丢失的问题。 单页文档广告位不能后台设置的问题 APP超限造成的失败率太高，总是报警问题。 产品详细页因为淘宝BUG，经常取不到推广地址问题。 增加图片伪原创，可以伪造本地地址，流量充足的可以使用。 配置中心可直接设置网址中文编码 商品详情前后可以设置伪原创混淆文章，充实到产品详情内。 单类别站左侧排序和信誉范围调整符合配置中心设置 配置中心的SEO设置里，产品页增加部分变量 优化程序产品详情代码，提高核心运行效率 5.14 稳定版 本版本增加了可以直接调用DISCUZ x2论坛和wordpress的功能。并且可以自动兼容对应文章系统的UTF-8或者GBK编码。 后台高级设置里，增加首页页面更新时间设置。可以设置综合首页的更新速度。 后台关键词导航里，增加随机数设置。如果设置不为0，将随机取关键词。 后台配置中心增加蜘蛛禁用，可以选择禁止一些蜘蛛访问。 后台配置中心增加IP禁用，可以选择禁止IP段访问。 修复选择价格范围后翻页丢失的BUG。 5.13 稳定版 本版本增加了可以直接调用DISCUZ论坛和织梦文章的功能。抛弃了原来的调用形式，只需要在配置中心指定文章系统安装目录即可调用。未来还会扩展调用文章系统类型。具体操作请看配置中心里新加的"自动整合文章"功能。 配合该调用系统，增加了一套单类别模板，可以用来调用单类别，或调用单店铺。 后台配置中心-高级设置里，增加了地区过滤字段。 首页综合配置增加了单独的排序设置。 针对单类别模板，首页综合配置内增加了卖家昵称字段，可以在单类别模板里设置调用某个淘宝店铺所有商品。 5.12 稳定版 本版本主要修复一些5.11发现的问题。 模板：在新商城模板基础上，修改图片尺寸，修改首页样式，单独作为两套附加模板发布，以适合不同口味的用户。在模板帖子里可以下载。 后台修改密码的地方会反复刷新的问题解决。 部分用户整合文章时首页文章模块宽度不正常 ONESITE模板的首页店铺模块标题的链接修复。 5.11 稳定版 为了应对360浏览器恶意更改PID，增加备用跳转页面，专门屏蔽了360浏览器。需要用的人将"gotourl屏蔽360.php "改名为"gotourl.php",即可屏蔽360浏览器的购买链接，同时提示用户使用IE。 产品列表页没有过滤标题里的单引号 增加robots.txt, 限制了蜘蛛抓取频率。 调整删除缓存的频率，避免过分消耗CPU。 新模板产品列表页偶尔有图片无法显示的BUG处理。 新模板产品列表页偶尔有商家昵称过长无法显示的BUG。 新模板店铺商品页的排序问题。 新模板商品详细页左侧广告位错误问题。 5.10 稳定版 增加官方商城模板 全站商城时，店铺搜索不出的问题改善。 列表页的商品销量改为真实销量 新模板首页类别下面加充值框 增加个性化的综合广告配置，将配置中心的自定义页面改进为自定义模块用于首页对应模块 后台加强安全性，避免COOKIE登陆容易被破解。 使用PID作为APP调用标记。后台不再需要输入淘宝昵称了，只需PID即可。 增加后台恢复密码备用文件，文件名password.php.lock。需要恢复密码，将这个文件改名为password.php，访问即可修改密码。改完后记得改后缀。 5.04 稳定版 改动 店铺查询时店铺级别出错问题。 商品详细页经常会出现JS异常链接问题。 增加一套UTF8模板。 增加升级包。 增加了参数过滤，避免申请APP时经常被淘宝拒绝。 5.03 Bete版 改动 火狐下跳转问题重新改动。 部分服务器不兼容段标签进不了后台问题。 增加一套用来做单页站的模板。 后台修改账号时会丢失模板设置问题。 加强兼容性，不会和根目录下的站外文件起冲突。 5.02 公测版 改动 列表页的购买链接错误修复 火狐下跳转失效修复。 首页在火狐下变形不兼容修复。 分页代码部分模板出错修复。 不开启伪静态时，分页出错修复。 IE6下搜索容易出错的问题修复。 5.0公测版本 此次变动较大，需要公测一段时间，收集一些BUG进行完善。希望大家帮忙多测试下。 V5.0 更新内容： 1、增加两套模板，分别为综合网店型模板和搜索引擎型模板。 2、后台修改设置结构，增加配置中心，可以管理配置文件。 3、增加查询商城商品设置。 4、增加查询店铺 5、搜索框增加店铺搜索和商家昵称搜索 6、修改了伪静态规则文件格式，用户需要重新设置。 7、增加SEO标题设置 8、增加绝对网址开关设置。 9、增加自定义页面，可以在根目录下生成自定义静态页。 10、增加网站地图，sitemap.php页面。 11、增加404错误页面。 V4.2更新内容： 1、后台增加自定义伪静态栏目。如果需要自定义伪静态，请确认网站服务器支持根目录下.htaccess、httpd.ini、nginx.conf 三个规则文件中的任意一个。如果不知道，请找主机商确认。 2、增加了自动301跳转设置，选中的话，将自动把所有绑定的域名跳转到主域名。该功能在后台高级设置里。 3、增加了增加网站LOGO后台配置。该功能在后台高级设置内。 4、修复一个偶尔修改后台能造成配置丢失的情况。 5、优化网站目录结构。 data目录为网站配置文件保存目录。以后备份网站只需要备份data目录。 6、修复店铺页排序的BUG。 7、店铺页增加销量字段显示。 8、登陆后台增加检测配置文件是否只读。 9、修复有时搜索长文字出不了结果的错误。 V4.1更新内容： 1、后台增加屏蔽设置模块，可设置词语屏蔽，类别ID屏蔽和产品ID屏蔽。该屏蔽模块对全站所有API商品有效。 2、修复了几个V4版本bug，包括首页无法根据关键词调用商品，列表页有时出现顶部错误等情况。 【安装方法】 1：下载淘客帝国V4.1.0系统安装包并解压缩 2：上传文件夹中的upload文件中至网站根目录,或子目录 3：登陆后台http://域名/admin/ 并修改配置站点信息 初始账号：admin 密码：admin 4：logo默认路径img/风格/logo.gif 用您自己的LOGO覆盖即可！ 【更新内容】 修复后台提示错误的BUG 修复前台IE8自适应高度的BUG 修复前台关键字标签??号的BUG 【版本特色】 各大搜索引擎收录量均会增加(包括百度可以正常收录) 增加热门关键词自定义功能 增加店铺页面shop.php 增加商品介绍页的商品详细参数 增加商品介绍页的相关热销商品 增加商品介绍页的商品详细介绍关键字链接 增加站内搜索,可以自定义屏蔽关键字 优化商品介绍页SEO 【基本功能】 基本参数配置：配置App，PID，站长联系信息，备案信息，统计代码，更改管理员密码等！ 友情链接管理：后台即可增添或删除前台友情链接。 设置缓存开关：用户可自己选择开启或关闭缓存功能，以及过期时间,自动删除过期的缓存! 后台配置分类：可自定义导航以及左栏分类，填写分类名称和对应分类ID即可！ 批量删除缓存：后台也可以手动批量删除缓存功能，无需在用FTP删除！ 前台风格切换：后台模板风格切换,支持四种风格! 后台广告管理：后台可以对网站的广告位进行管理 首页综合配置：配置首页的广告,店铺,商品等! 静态开关功能：后台伪静态功能选择开启或关闭! 商品佣金范围：整站佣金范围和信誉范围自定义! S8跳转功能：当商品已下架,点击"立刻购买",可跳转到S8设置搜索.防止客户流失! App Key轮换功能：当一个App Key超频则自动切换到下一个App Key。有效解决因API调用频率不够而无法调取到商品数据的情况! 其他高级功能：更多功能不再细致描述! 【运行环境】 1：Windows 平台：IIS/Apache + PHP(V5.1以上) 2：Linux/Unix 平台：Apache + PHP(V5.1以上)
高中生简单的网页制作作业有很多人要 就分享吧（校服）
这个一个网页制作的作业 不怎么好 但是可以应付老师一下
微信小程序-仿找事吧.zip
微信小程序-仿找事吧.zip 小程序模板代码，可以直接从源码里粘贴复制过来，虽然这样做不利于自己独立编写代码。
JavaScript

87,992

社区成员

224,685

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章