一个积分给予效果

jted 2008-10-01 05:10:21

如上图:

奖品名称 积分 剩余积分 这3项为数据库读取。

例:
奖品1,单价积分为:5
奖品2,单价积分为:5
奖品3,单价积分为:4

一个奖品都未选择时 总共剩余积分为:76

要求:用户在数量这3栏输入数字的时候,积分栏自动根据该奖品积分单价计算总价。并计算剩余积分(76-所有所选奖品所需积分之和)。

如果所选奖品的积分超过剩余积分(76)。则提示积分不够。
...全文
133 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
dln1234 2008-10-07
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 neo_yoho 的回复:]
生成对应的table id 和input就行了

HTML code
<script>
var total=0;
function validate()
{
var tb = document.getElementById("objtb");
var input = tb.getElementsByTagName("input");
var prize = new Array();
var price = new Array();
for(var i=0;i<input.length;i++ )
{
if(input[i].type=="text" && input[i].name=="prize")
{
input[i].valu…
[/Quote]
完美
街头小贩 2008-10-07
  • 打赏
  • 举报
回复
MS和购物车一样噢!
Tomato77 2008-10-07
  • 打赏
  • 举报
回复
4楼不错
  • 打赏
  • 举报
回复
gz
neo_yoho 2008-10-01
  • 打赏
  • 举报
回复
生成对应的table id 和input就行了

<script>
var total=0;
function validate()
{
var tb = document.getElementById("objtb");
var input = tb.getElementsByTagName("input");
var prize = new Array();
var price = new Array();
for(var i=0;i<input.length;i++ )
{
if(input[i].type=="text" && input[i].name=="prize")
{
input[i].value = input[i].value.replace(/[^\d]/g,"");
prize.push(input[i].value==""?0:input[i].value);
}
else if(input[i].type=="hidden" && input[i].name=="price")
{
input[i].value = input[i].value.replace(/[^\d]/g,"");
price.push(input[i].value==""?0:input[i].value);
}
}
if(total == 0)
total = document.getElementById("total").innerHTML;
var count = 0;
for(var i=0;i<prize.length ;i++ )
{
count += prize[i]*(price[i]==""?0:price[i])
}
if(total-count<0)
{
alert("积分不够");
for(var i=0;i<input.length;i++ )
{
if(input[i].type=="text" && input[i].name=="prize")
input[i].value = "";
}
document.getElementById("total").innerHTML=total;
}
else
document.getElementById("total").innerHTML=total-count;
}
</script>
<table id="objtb">
<tr>
<th>奖品 </th>
<th>数量 </th>
<th>积分 </th>
<th>剩余积分 </th>
</tr>
<tr>
<td>奖品1 </td>
<td><input type="text" name="prize" value="" onkeyup="validate()"/></td>
<td><input type="hidden" name="price" value="5">5</td>
<td rowspan="3" ><span id="total">76</span></td>
</tr>
<tr>
<td>奖品2</td>
<td><input type="text" name="prize" value="" onkeyup="validate()"/></td>
<td><input type="hidden" name="price" value="15">15</td>
</tr>
<tr>
<td>奖品3 </td>
<td><input type="text" name="prize" value="" onkeyup="validate()"/></td>
<td><input type="hidden" name="price" value="8">8</td>
<td> </td>
</tr>
</table>
IMAGSE 2008-10-01
  • 打赏
  • 举报
回复
帮顶一下!~~

国庆节快乐!~~
winetu 2008-10-01
  • 打赏
  • 举报
回复
<script>
function validate(){
var count = document.getElementById('one').value * 5 + document.getElementById('two').value * 15 + document.getElementById('three' ).value * 8;
var total = document.getElementById('total').lastChild.nodeValue;
if(total >= count){
total -= count;
document.getElementById('total').lastChild.nodeValue = total;
}
if(total < count){
document.getElementById('one').value = 0;
document.getElementById('two').value = 0;
document.getElementById('three').value = 0;
alert("超了");
}
}
</script>
<table>
<tr>
<th>奖品</th>
<th>数量</th>
<th>积分</th>
<th>剩余积分</th>
</tr>
<tr>
<td>奖品1</td>
<td><input type="text" id="one" value="0" onchange="validate()"/></td>
<td>5</td>
<td id="total" rowspan="3" >76</td>
</tr>
<tr>
<td>奖品2</td>
<td><input type="text" id="two" value="0" onchange="validate()"/></td>
<td>15</td>
</tr>
<tr>
<td>奖品3</td>
<td><input type="text" id="three" value="0" onchange="validate()" /></td>
<td>8</td>
<td></td>
</tr>
</table>
zhihuixiaole 2008-10-01
  • 打赏
  • 举报
回复
if(tx1.value * 5 +tx2.value * 5 + tx3.value * 4 > 76){alert(!)}

87,993

社区成员

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

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