一个小例子：在购物车里，我们可以选择我们所选择的，然后显示价格。

1。首先，显示相应的接口：


相关的代码：





货物清单：
笔记本电脑3000
2900桌面
Router 90

家居用品500
洗衣机5600
选择






注意：在复选框中，如果属于同一组，则应在复选框属性中写入名称 属性；在遍历选项时方便，在无线电中，名称mm也设置为相同，这样便于同一组彼此区分。

2，选择所有按钮设置




相关的代码：




功能allcheck（node1）{
var node = document.getelementsbyname（MM）；
对于（var x = 0；x＜node.length；x++）{
结{X}。检查= node1.checked；
}
}



附加：在选择名称遍历所有相同对象的函数调用之后，设置选中复选框的所有状态。

3，选择所有状态时自动选择

代码实现：




函数选择（节点）{
var标志为true；是用于遍历的所有设置变量
VaR将军= document.getelementsbyname（）{ 0 }；
var node = document.getelementsbyname（MM）；
对于（var x = 0；x＜node.length；x++）{
如果（未检查的节点= FALSE = FALSE）{如果没有选定的退出遍历，则马克被设置为false。
标志=假；
打破；
}
}
如果（标志）{
AllM。检查=真；
其他{ }
AllM。检查= false；
}
}



4。单击视图按钮后调用函数




SumAll函数（）{
var总和= 0；
变量名= document.getelementsbyname（MM）；
对于（var x = 0；x＜names.length；x++）{
如果（名称被检查了），{所有的都在一起
金额=金额+ parseInt（名字{X}。值）； / /选择的价值分析
}
}
document.getelementbyid（spanid ）.innerHTML =（总+和+元），Fontcolor（红）；

}




总结：

1）。这主要是说，复选框的应用，以及如何选择复选框后获得相应的内容。

2）。如果属于同一组，则复选框的属性中的名称属性应该是一致的；

变量名= document.getelementsbyname（MM）可以通过这，是否选择价值，检查设置操作，或状态的复选框或单选按钮获得。然后把它一个一

3）选择设置。以同样的方式，你可以通过document.getelementsbyname对象数组，然后付出真的

当A未被选中时，我们把选中的所有按钮设置为false；使用标记来区分，如果没有标记变化，则没有人没有选择（其中有些词做了，我们仔细考虑）。

以上是对Javaｓｃｒｉｐｔ复选框使用的详细介绍，欢迎大家学习。