javaseday37补充2(全选checkedbox 获取box中的值并输出)
来源:互联网 发布:火车头采集数据库发布 编辑:程序博客网 时间:2024/06/03 22:01
<script type="text/javascript"> function getSum() { /* 获取所有的名称为item的复选框 判断checked状态 为true 表示被选中 获取该节点的value进行累加 */ var sum = 0; var collItemNodes = document.getElementsByName("item"); for(var x= 0;x<collItemNodes.length;x++) { if(collItemNodes[x].checked) { sum += parseInt(collItemNodes[x].value);//拿值的都是字符串 parseInt是必须的 } } var str_sum = sum+"元"; document.getElementById("span").innerHTML=str_sum.fontcolor("green"); } //全选 function checkAll(node) { //将 全选box的checked状态 赋值给所有的itembox的checked var collItemNodes = document.getElementsByName("item"); for(var x= 0;x<collItemNodes.length;x++) { collItemNodes[x].checked= node.checked; } }</script><input type="checkbox" name="allitem" onclick="checkAll(this)"/>全选<br /><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="item" value="100"/> 电脑 100元<br/><input type="checkbox" name="allitem" onclick="checkAll(this)"/>全选<br/><input type="button" value="总金额" onclick="getSum()"/><span id="span"></span></body>
阅读全文
0 0
- javaseday37补充2(全选checkedbox 获取box中的值并输出)
- javaseday37补充(list展开闭合 节点单独操作 注意获取节点时的s 增删行)
- recycleview checkedbox全选和反选
- jquery 获取 combo box 中的值
- JS获取表单的值并输出
- 全选lib中的jar包并buildpath
- jQuery获取全选反向,以及获取全选的值
- 获取接口文件并输出
- JavaScript获取时间并输出
- Matlab手动绘制bounding box,并获取其坐标
- java获取时间并加上2个小时,格式化输出
- 全选,不选,输出选中的值
- checkbox 全选、取消全选等并且获取checkbox的值
- jQuery checkbox:全选/取消全选,获取选中的值
- 3种方式遍历Repeater中的CheckBox并全选
- 3种方式遍历Repeater中的CheckBox并全选
- 将dataGridView中的数据全选并以txt形式保存
- DeveXpress ASPxGridView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合
- Java反射
- bzoj1036 [ZJOI2008]树的统计Count
- 进程与线程
- 文件流的读取和写入(StreamReader 和StreamWriter)
- bzoj1083 [SCOI2005]繁忙的都市
- javaseday37补充2(全选checkedbox 获取box中的值并输出)
- 【Linux学习笔记】27:环境变量中的语系变量
- Unable to load native-hadoop library for your platform... using builtin-java classes where applicabl
- bzoj1087 [SCOI2005]互不侵犯King
- Android Volley框架的基本用法
- vector的使用
- bzoj1588 [HNOI2002]营业额统计
- Tensorflow学习笔记——占位符和feed_dict(二)
- 解决Android SDK Manager 无法更新下载SDK版本问题