展示一个小例子：在购物车中，我们可以查看我们选择的商品，然后我们可以显示相应的价格。1.首先，显示相应的界面：

相关代码：

商品清单：br/笔记本电脑输入类型=' checkbox ' name=' mm ' value=' 3000 ' onclick=' selected(this)'/3000台式机输入类型=' checkbox ' onclick=' selected(this)'。Name='mm '值='2900'/2900路由器输入类型=' checkbox ' onclick=' choose(this)' name=' mm '值=' 90'/90 br/家居用品输入类型=' checkbox ' onclick=' choice(this)' name=' mm '值=' 500'/500洗衣机输入类型=' checkbox ' onclick=' choice(this)' name=' mm '值=' 5600 '/600 br/选择所有输入类型=' checkbox' name '到时候方便遍历选中的项目；在收音机中，名称='mm '也应该以同样的方式设置，以便于属于同一组并相互区分。2.设置全选按钮。

相关代码：

函数AllCheck(node 1){ var node=document . GetElementsByname(' mm ')；for(var x=0；x节点. length；x ) {节点[x]。checked=node1.checked}}附加：调用所有输入类型中的函数后，type=' checkbox ' name=' all ' onclick=' all check(this)'/，将遍历所有同名对象，并将所有复选框设置为checked=true。3.当选择所有状态时，选择全部并自动选择要实现的代码：

函数choose(node){ var flag=true；//用于遍历是否所有变量都设置为varallm=document . getelementsbyname(' all ')[0]；var node=document . getelementsbyname(' mm ')；for(var x=0；x节点. length；X) {if(节点[x]。checked==false){//只要有一个未选中，就退出遍历，标志设置为false flag=false打破；} } if(flag){ ALl . checked=true；} else { allM.checked=false}} 4.单击“查看”按钮后调用该函数。

函数sumall(){ var sum=0；var name=document . getelementsbyname(' mm ')；for(var x=0；xnames.lengthx){ if(name[x]。选中){//sum=sum ParSeint(name[x]。值)；//解析所选值} } document . getelementbyid(' span id ')。innerhtml=(' sum是' sum '元')。fontcolor('红色')；}

总结：1)。这主要是说，复选框选中后如何获取对应的内容。

2).如果它们属于同一个组，名称='mm '属性应该一致地写入复选框的属性中；

var name=document . getelementsbyname(' mm ')；通过这个，你可以得到它是否被选中，并调用值来操作选中的设置或得到复选框或单选按钮的状态。然后一个一个加起来。

3).所有选择的设置。同样，通过document.getElementsByName获取对象的数组，然后逐个支付给true。

当一个未被选中时，我们将所有按钮设置为选中=假；记号是用来区分的。如果标记没变，说明没有人没被选中(这句话有些绕弯，要仔细琢磨)。

以上详细介绍了checkbox在javascript中的使用，欢迎大家学习。