网站建设前期目标,黄山工程建设信息网站,网站外链建设常用字,新手开公司怎么找项目思路#xff1a;1、获取被选中checkbox#xff0c;通过checked属性的状态完成#xff1b;2、获取被选中的checkbox的value值#xff1b;3、求所有value的和sum#xff1b;4、定义span区域存储和sum#xff1b;代码如下#xff1a;htmlheadmeta http…思路 1、获取被选中checkbox通过checked属性的状态完成 2、获取被选中的checkbox的value值 3、求所有value的和sum 4、定义span区域存储和sum 代码如下 html head meta http-equivContent-Type contenttext/html;charsetUTF-8 title表单组件全选操作/title script typetext/javascript function checkAll(index){ var node document.getElementsByName(all)[index]; var items document.getElementsByName(item); for(var i0; iitems.length; i){ items[i].checked node.checked; } } /script /head body p/p input typecheckbox nameall οnclickcheckAll(0)/全选br/ input typecheckbox nameitem value100/商品1br/ input typecheckbox nameitem value100/商品2br/ input typecheckbox nameitem value100/商品3br/ input typecheckbox nameitem value100/商品4br/ input typecheckbox nameitem value100/商品5br/ input typecheckbox nameitem value100/商品6br/ input typecheckbox nameall οnclickcheckAll(1)/全选 /body /html 代码如下 html head meta http-equivContent-Type contenttext/html;charsetUTF-8 title购物车显示选中购买物品的总金额/title script typetext/javascript function checkAll(index){ var node document.getElementsByName(all)[index]; var items document.getElementsByName(item); for(var i0; iitems.length; i){ items[i].checked node.checked; } } function getSum(){ var items document.getElementsByName(item); var sum 0; for(var i0; iitems.length; i){ if(items[i].checked){ sum parseInt(items[i].value); } } /*获取单个节点用getElementById 获取节点数组用getElementsById */ var spanNode document.getElementById(sum); var str sum 元; spanNode.innerHTML str.fontsize(8); } /script /head body br/ input typecheckbox nameall οnclickcheckAll(0)/全选br/ input typecheckbox nameitem value105/商品1br/ input typecheckbox nameitem value214/商品2br/ input typecheckbox nameitem value113/商品3br/ input typecheckbox nameitem value77/商品4br/ input typecheckbox nameitem value91/商品5br/ input typecheckbox nameitem value536/商品6br/ input typecheckbox nameall οnclickcheckAll(1)/全选br/ input typebutton value显示总金额 οnclickgetSum()/span idsum/span /body /html 转载于:https://www.cnblogs.com/panweiwei/p/6158710.html