【DOM】全选商品列表示例

htmlheadmetacharsetUTF-8titleTitle/titlestyletypetext/css/stylescripttypetext/javascriptfunctiongetSum(){//获取所有复选框判断checked状态varsum0;varitemNodesdocument.getElementsByName(item);//遍历集合for(vari0;iitemNodes.length;i){//判断checked状态if(itemNodes[i].checked){//因为4000是个字符串所以需要转换为整数sumsumparseInt(itemNodes[i].value);}}document.getElementById(spanid).innerHTMLsum;}//全选functioncheckAll(node){//将全选的checked状态赋值给每个checkbox的checked状态varitemNodesdocument.getElementsByName(item);for(vari0;iitemNodes.length;i){itemNodes[i].checkednode.checked;}}/script/headbody!--this代表当前节点--inputtypecheckboxnameallitemonclickcheckAll(this);全选brinputtypecheckboxnameitemvalue4000笔记本电脑 4000元brinputtypecheckboxnameitemvalue4000笔记本电脑 4000元brinputtypecheckboxnameitemvalue4000笔记本电脑 4000元brinputtypecheckboxnameitemvalue4000笔记本电脑 4000元brinputtypecheckboxnameitemvalue4000笔记本电脑 4000元brinputtypebuttonvalue总金额是onclickgetSum()!--定义一个区域存放总金额,,使用sapn不换行--spanidspanid/span/body/html