资讯动态

【DOM】全选商品列表示例

发布时间:2026/10/19 14:15:10 来源:尧图企业网站定制
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

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑