checkbox复选框

<input type="checkbox" data-index="1" class="chexkbox">选项1<br>
<input type="checkbox" data-index="2" class="chexkbox">选项2<br>
<input type="checkbox" data-index="3" class="chexkbox">选项3<br>
<input type="checkbox" data-index="4" class="chexkbox">选项4<br>
<input type="checkbox" data-index="5" class="chexkbox">选项5<br>
<input type="checkbox" data-index="6" class="chexkbox">选项6<br>
<input type="checkbox" data-index="7" class="chexkbox">选项7<br>
<input type="checkbox" data-index="8" class="chexkbox">选项8<br>
<input type="checkbox" data-index="9" class="chexkbox">选项9<br>
<input type="checkbox" data-index="10" class="chexkbox">选项10<br>
<script>
var checkboxArr = document.getElementsByClassName('chexkbox');
for(var i = 0; i < checkboxArr.length; i ++){
    checkboxArr[i].onclick = function(){
        var index = this.getAttribute('data-index');
        for(var c = 0; c < index; c ++){
            if(this.checked == true){
                checkboxArr[c].checked = true;
            }else{
                checkboxArr[c].checked = false;
            }
        }
        
    }
}
</script>
具体怎么套入你的程序，我想你应该懂的。
复选框 是什么意思？
CheckBox控件俗称复选框，OptionButton控件俗称单选框，它们的功能是什么呢?
看个例子：打开Win98中控件面板的“添加/删除程序”，这些方框能够选择多项，所以叫做“复选框”。

而当我打开Internet Explorer的Internet 选项对话框，由于这些选项，只能选择其中之一，所以称为单选框.

这些就是较常见的单选框和复选框。