二维数组批量改变单元格里面的商品价格
2018-02-11 14:49
375 查看
尊重劳动成果,转载请注明出处(http://blog.csdn.net/sllailcp/article/details/41113275)...
下面是批量获取单元格里面的数据。并对它进行操作。
完整案例:
<!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" />
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>
<table class="table table-bordered bor bg_fff">
<thead>
<tr class="bg_00a3cb">
<th>规格ID</th>
<th>ERP编码</th>
<th>厂家编码</th>
<th>商品规格</th>
<th>市场价格</th>
<th>含票价格</th>
<th>不开票价</th>
</tr>
</thead>
<tbody id="zkj">
<tr>
<td>1</td>
<td>42</td>
<td>21</td>
<td>11</td>
<td>123</td>
<td>234</td>
<td>456</td>
</tr>
<tr>
<td>1</td>
<td>42</td>
<td>21</td>
<td>11</td>
<td>321</td>
<td>432</td>
<td>654</td>
</tr>
</tbody>
</table>
<select name="saleprice" class="inline input-small" id="salepro" onchange="tt()">
<option value="100">原价</option>
<option value="98">9.8折</option>
<option value="95">9.5折</option>
<option value="92">9.2折</option>
<option value="90">9折</option>
<option value="88">8.8折</option>
<option value="85">8.5折</option>
<option value="80">8折</option>
<option value="75">7.5折</option>
<option value="70">7折</option>
</select>
<script type="text/javascript">
var tArray = new Array();
for(var x=0;x<$('#zkj tr').length;x++){
tArray[x]=new Array()
for(var y=4;y<7;y++){
tArray[x][y]=$('#zkj tr:eq('+x+') td:eq('+y+')').html();
}
}
function tt() {
var aa = document.getElementById('salepro');
var price=aa.value;
price=parseInt(price)
for(var x=0;x<$('#zkj tr').length;x++){
for(var y=4;y<7;y++){
$('#zkj tr:eq('+x+') td:eq('+y+')').html(tArray[x][y]*price/100)
}
}
}
</script>
</body>
</html>
效果如图:
下面是批量获取单元格里面的数据。并对它进行操作。
完整案例:
<!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" />
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>
<table class="table table-bordered bor bg_fff">
<thead>
<tr class="bg_00a3cb">
<th>规格ID</th>
<th>ERP编码</th>
<th>厂家编码</th>
<th>商品规格</th>
<th>市场价格</th>
<th>含票价格</th>
<th>不开票价</th>
</tr>
</thead>
<tbody id="zkj">
<tr>
<td>1</td>
<td>42</td>
<td>21</td>
<td>11</td>
<td>123</td>
<td>234</td>
<td>456</td>
</tr>
<tr>
<td>1</td>
<td>42</td>
<td>21</td>
<td>11</td>
<td>321</td>
<td>432</td>
<td>654</td>
</tr>
</tbody>
</table>
<select name="saleprice" class="inline input-small" id="salepro" onchange="tt()">
<option value="100">原价</option>
<option value="98">9.8折</option>
<option value="95">9.5折</option>
<option value="92">9.2折</option>
<option value="90">9折</option>
<option value="88">8.8折</option>
<option value="85">8.5折</option>
<option value="80">8折</option>
<option value="75">7.5折</option>
<option value="70">7折</option>
</select>
<script type="text/javascript">
var tArray = new Array();
for(var x=0;x<$('#zkj tr').length;x++){
tArray[x]=new Array()
for(var y=4;y<7;y++){
tArray[x][y]=$('#zkj tr:eq('+x+') td:eq('+y+')').html();
}
}
function tt() {
var aa = document.getElementById('salepro');
var price=aa.value;
price=parseInt(price)
for(var x=0;x<$('#zkj tr').length;x++){
for(var y=4;y<7;y++){
$('#zkj tr:eq('+x+') td:eq('+y+')').html(tArray[x][y]*price/100)
}
}
}
</script>
</body>
</html>
效果如图:
相关文章推荐
- 二维数组批量改变单元格里面的商品价格
- JS改变table单元格里面的字体颜色
- 电子商城 批量删除 商品时,dao操作遇到 二维数组 元素赋值问题。【加深 二维数组初始化的理解】
- shopnc数据库 批量修改商品价格
- jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格
- 价格奥秘-在超市遇见亚当斯密--第五章抗议和恳求能改变商品的价格吗?
- jquery控制商品数量加减改变价格,只能输入数字
- Magento执行原生SQL,批量修改商品价格
- 20.购物车商品价格的总和(里面有一些功能没有实现,创建textview布局对象,然后for()遍历数据求和)
- ecshop批量添加商品到购物车----之三步走
- Integer是不可变类,进入一个方法后,在里面的值的改变不会影响方法外的引用
- JTabel 中监听某个单元格的值确实改变了
- 京东商城商品价格图片识别源码
- 函数传参之商品价格计算—JS学习笔记2015-6-6(第50天)
- Ecshop商品详情页显示当前会员等级价格
- 开始在ONdraw里面画图显示不出来,改变窗口大小才显示
- TListView 改变 行 列 单元格 颜色
- 使用JAVA爬取京东商品价格
- excel单元格中批量加入固定字符