一个简单的计算脚本,求高手指教

jellday 2010-07-07 10:59:26
计算点数的脚本, 勾选推荐, 需要点数10点/月.
勾选置顶, 需要点数10点/月, 增加一级增加10点, 即 2级置顶每月20点.

我的水平太次, 每个地方都写了个函数, 如果这样, 统计总点数还要再写一个, 觉得非常繁琐, 而且也没有设置点数的地方,将来改点数不方便.

希望高手能把它改成一个函数, 包括合计点数,且能在FF下用

<table width="700" border="0" cellspacing="1" cellpadding="3">

  <tr>

    <td>是否推荐：</td>

    <td><input type="checkbox" name="isgood" onclick="CalFen(this,'tuiterm','tuifen')" /> 我要推荐，期限 <select name="tuiterm" id="tuiterm" onchange="termfen('tuiterm','tuifen')"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="tuifen"></span></td>

  </tr>

  <tr>

    <td>是否置顶：</td>

    <td><input type="checkbox" name="istop" onclick="topfen(this)" /> 我要置顶，置顶级别: <select name="toplevel" id="toplevel" onchange="tfchange()"><option value="1">1级</option><option value="2">2级</option><option value="3">3级</option></select>， 期限 <select name="topterm" id="topterm" onchange="tfchange()"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="pinfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>合计点数：<span id="totalfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td colspan="2"><input type="submit" value="提交" class="btn" /> <input type="button" value="返回信息管理" /></td>

  </tr>

</table>


function $(id){return document.getElementById(id);}

function termfen(id,id2){$(id2).innerHTML=$(id).value*10+" 点"; 

    }

function CalFen(obj,id,id2){if (obj.checked){termfen(id,id2);}

else{$(id2).innerHTML="";}

}

function topfen(obj){if (obj.checked){

tfchange();} else{$('pinfen').innerHTML="";}

}

function tfchange(){var tfen=$('toplevel').options.value*10+$('topterm').options.value*10; $('pinfen').innerHTML=tfen+" 点";

}
...全文
138 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
zyzy15 2010-07-08
  • 打赏
  • 举报
 回复 


<table width="700" border="0" cellspacing="1" cellpadding="3">

  <tr>

    <td>是否推荐：</td>

    <td>

		<input type="checkbox" id="chk_isgood" name="chk_isgood" value="10" onclick="count('isgood')" /><!-- 这个value就是单价 -->

		我要推荐，期限 

		<select name="mons_isgood" id="mons_isgood" onchange="count('isgood')">

			<option value="1">1个月</option>

			<option value="2">2个月</option>

			<option value="3">3个月</option>

		</select>

	</td>

    <td>需要点数：<span id="total_isgood"></span></td>

  </tr>

  <tr>

    <td>是否置顶：</td>

    <td>

		<input type="checkbox" id="chk_istop" name="chk_istop" value="10" onclick="count('istop')" /><!-- 这个value就是单价 -->

		我要置顶，置顶级别：

		<select name="toplevel" id="level_istop" onchange="count('istop')">

			<option value="1">1级</option>

			<option value="2">2级</option>

			<option value="3">3级</option>

		</select>， 

		期限 

		<select name="topterm" id="mons_istop" onchange="count('istop')">

			<option value="1">1个月</option>

			<option value="2">2个月</option>

			<option value="3">3个月</option>

		</select>

	</td>

    <td>需要点数：<span id="total_istop"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>合计点数：<span id="totalfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td colspan="2"><input type="submit" value="提交" class="btn" /> <input type="button" value="返回信息管理" /></td>

  </tr>

</table>

<SCRIPT LANGUAGE="JavaScript">

<!--

	function $(id){return document.getElementById(id);}

	function count(type) {

		if ( $('chk_'+type).checked ) {

			var total = parseInt( $('chk_'+type).value,10) * parseInt( $('mons_'+type).value,10);

			if (type == "istop") total = total * parseInt( $('level_'+type).value,10);

			$('total_'+type).innerHTML = total;

		}

		else $('total_'+type).innerHTML = "";

		var totalG = isNaN( parseInt($('total_isgood').innerHTML,10) ) ? 0 : parseInt($('total_isgood').innerHTML,10);

		var totalT = isNaN( parseInt($('total_istop').innerHTML,10) ) ? 0 : parseInt($('total_istop').innerHTML,10);

		$("totalfen").innerHTML = totalG + totalT;

	}

//-->

</SCRIPT>
jellday 2010-07-08
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 wohaishiliumang 的回复:]
HTML code

<table width="700" border="1" cellspacing="1" cellpadding="3">
<tr>
<td>是否推荐：</td>
<td><input type="checkbox" name="isgood" onclick="operator(this)" /> 我要推荐，期限 <select name="……
[/Quote]

Firefox下无效?
KK3K2005 2010-07-07
  • 打赏
  • 举报
 回复
onclick="setpoint(this,point,callback)"

var totalPoint=0; //全局变量 保存总点数
srtpoint(check,point,callback){ //check 当前选中的按钮，point要操作的点数,callback回调函数
if(check.checked){
callback(point,true); // true表示选中
totalPoint+=point; //刷新总点数
}else{
cllback(point,false); //false表示没有选择
totalPoint-=point; //刷新总点数
}
}
抽象出来这一个方法就差不多够了
wohaishiliumang 2010-07-07
  • 打赏
  • 举报
 回复 


<table width="700" border="1" cellspacing="1" cellpadding="3">

  <tr>

    <td>是否推荐：</td>

    <td><input type="checkbox" name="isgood" onclick="operator(this)" /> 我要推荐，期限 <select name="tuiterm" id="tuiterm" onchange="operator(this)"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="tuifen"></span></td>

  </tr>

  <tr>

    <td>是否置顶：</td>

    <td><input type="checkbox" name="istop" onclick="operator(this)" /> 我要置顶，置顶级别: <select name="toplevel" id="toplevel" onchange="operator(this)"><option value="1">1级</option><option value="2">2级</option><option value="3">3级</option></select>， 期限 <select name="topterm" id="topterm" onchange="operator(this)"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="pinfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>合计点数：<span id="totalfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td colspan="2"><input type="submit" value="提交" class="btn" /> <input type="button" value="返回信息管理" /></td>

  </tr>

</table>

<script>

function operator(_t)

{	

	

	var p = _t.parentNode;

	var c = 1;

	if(_t.tagName != "INPUT") _t = p.getElementsByTagName("input")?p.getElementsByTagName("input")[0]:null;



	if(!_t.checked)return;

	var s = p.getElementsByTagName("select");		

	for(var i=0,o=null;o=s[i];i++)

	{

		c = c*parseInt(o.value,10);

	}

	

	p.nextSibling.getElementsByTagName("span")[0].innerHTML = c;



	c = 0;

	var t = document.getElementsByTagName("table")[0];

	for(var i=0,r=null;r=t.rows[i];i++ )

	{

		if(r.cells.length == 3)

		{

			s = r.cells[2].getElementsByTagName("span")[0];

			if(s.id == "totalfen") continue;

			c = c + parseInt( s.innerHTML?s.innerHTML:0,10);	

		}

	}

	document.getElementById("totalfen").innerHTML = c;

}

</script>


测试环境 ie6
jdjwxj 2010-07-07
  • 打赏
  • 举报
 回复
我觉得如果你想把这些方法整合成一个方法反而不好了，因为你的select 的change方法是调用相应的地，如果都整合到一起，难道每个select都调用一个方法么？结构会不清晰，而且也容易出问题。最后总分的可以写一个方法，然后在其他的方法里调用，例如tfchange（）里，这种，只要select项改变了，那总分也就应该相应改变，所以直接放在change方法里调用就可以了。
wohaishiliumang 2010-07-07
  • 打赏
  • 举报
 回复 


<table width="700" border="1" cellspacing="1" cellpadding="3">

  <tr>

    <td>是否推荐：</td>

    <td><input type="checkbox" name="isgood" onclick="operator(this)" /> 我要推荐，期限 <select name="tuiterm" id="tuiterm" onchange="operator(this)"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="tuifen"></span></td>

  </tr>

  <tr>

    <td>是否置顶：</td>

    <td><input type="checkbox" name="istop" onclick="operator(this)" /> 我要置顶，置顶级别: <select name="toplevel" id="toplevel" onchange="operator(this)"><option value="1">1级</option><option value="2">2级</option><option value="3">3级</option></select>， 期限 <select name="topterm" id="topterm" onchange="operator(this)"><option value="1">1个月</option><option value="2">2个月</option><option value="3">3个月</option></select></td>

    <td>需要点数：<span id="pinfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>合计点数：<span id="totalfen"></span></td>

  </tr>

  <tr>

    <td> </td>

    <td colspan="2"><input type="submit" value="提交" class="btn" /> <input type="button" value="返回信息管理" /></td>

  </tr>

</table>

<script>

function operator(_t)

{	

	

	var p = _t.parentNode;

	var c = 1;

	if(_t.tagName != "INPUT") _t = p.getElementsByTagName("input")?p.getElementsByTagName("input")[0]:null;

	p.parentNode.tag = _t.checked;

	var s = p.getElementsByTagName("select");		

	for(var i=0,o=null;o=s[i];i++)

	{

		c = c*parseInt(o.value,10);

	}

	

	p.nextSibling.getElementsByTagName("span")[0].innerHTML = c;



	c = 0;

	var t = document.getElementsByTagName("table")[0];

	for(var i=0,r=null;r=t.rows[i];i++ )

	{

		if(r.cells.length == 3)

		{

			s = r.cells[2].getElementsByTagName("span")[0];

			if(s.id == "totalfen" || !r.tag) continue;

			c = c + parseInt( s.innerHTML?s.innerHTML:0,10);	

		}

	}

	document.getElementById("totalfen").innerHTML = c;

}

</script>


重新修改过的
打开计算机页面只有上面一半,我电脑打开网页总是打开一半,不知道是为什么,请高手指教,谢谢!...
出现此问题是因为该网页的 HTML 源代码不能使用客户端脚本(如 Microsoft JScript. 或 Visual basic 脚本)正确工作。发生此问题可能是因为以下原因之一：网页的 HTML 源代码中有问题。您的计算机或网络上阻止了活动脚本、ActiveX 控件或 Java 小程序。Internet Explorer 或另外一种程序(如防病毒程序或防火墙)可以配置为阻止活动脚本、Acti...
【实战项目】编写一个传奇3法师自动练级的python脚本（附完整源码和打包文件）
之前做的传奇3私服的法师挂机自动练级脚本，居然还有不少朋友阅读，也有个别和我评论和私信。我发现也有几个玩家玩游戏需要和交流的需要，有几个朋友发现了我漏传了其中一个pickup的模块（确实忘记了，不是故意的）。感谢大家的关注，有几个朋友留言希望能提供完整的版本，我正好今天一起重新上传一下百度网盘。
计算机专业学生应该学什么
收到一封mail，是一个计算机系大三学生写来的，想听听我的建议，面临将要毕业的关口，应该学点什么才能对将来有用。随后又有不少朋友通过mail，im等等方式询问我对这个问题的看法。想必是上次csdn视频聊天的节目引起了不少朋友的思考。我本来不是计算机专业出身，也并非大师之类的人物，本来不敢好为人师。不过，既然作了这个行业，也算有点心得，被问到，也就说点心得和建议，对与不对，各位看官指教。盖个体情况差
大学计算机要学哪些软件,大学计算机软件专业生应该学什么
该楼层疑似违规已被系统折叠隐藏此楼查看此楼收到一封mail，是一个计算机系大三学生写来的，想听听我的建议，面临将要毕业的关口，应该学点什么才能对将来有用。随后又有不少朋友通过mail，im等等方式询问我对这个问题的看法。我本来不是计算机专业出身，也并非大师之类的人物，本来不敢好为人师。不过，既然作了这个行业，也算有点心得，被问到，也就说点心得和建议，对与不对，各位看官指教。盖个体情况差距极大，本...
从计算机用户的角度看应用程序、进程、线程
2013-08-05 18:26:46 最近看操作系统的书，对于应用程序、进程、线程的概念一致停留在书本上的文字，而不知道其真正的含义。下面是从网上看了一些文章后的理解，以浏览器的使用为例，给出了从计算机用户的角度应如何看待从计算机用户的角度看应用程序、进程、线程的，初步认识，还望高手指教。 程序与进程比较： 比如你从网上下载一个IE浏览器，安装在电脑的D盘，那么D盘的Internet Ex...
JavaScript

87,904

社区成员

224,614

社区内容

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

加载中

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

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

+ 用AI写文章