CheckBox,复选框。没什么特别,它只是在表单中,同一个name的复选框可以拥有多个值而已。
从我个人使用CheckBox的角度和情况出发,我觉得我们通常会用到CheckBox以下的这几个小方面。
第一,在使用CheckBox时,会使用到对它的全选和反选。
那么,要怎么实现对CheckBox的全选和反选呢?直接上代码。
JS部分:
- <script type="text/javascript" >
- function checkall() {
- var list = document.getElementsByName("chk");
- for(var i = 0; i < list.length; i++) {
- if(list[i].type = "checkbox") {
- list[i].checked = document.getElementById('checkAll')
- .checked;//“chk”复选框的选择随着“checkAll”复选框的选择而改变。当然你也可以分开写。
- }
- }
- }
- </script>
HTML部分:
- 全选/反选<input type="checkbox" id="checkAll"/><br />
- <input type="checkbox" name="chk"/>JA<br />
- <input type="checkbox" name="chk"/><br />
- <input type="checkbox" name="chk"/><br />
第二,在使用CheckBox时,会把所有选中的CheckBox值提交到服务器。
- var list = document.getElementsByName("chk");
- var array = new Array();
- for(var i = 0 ; i < list.length ; i++){
- if(r[i].checked){
- array[j] = list[i].value;
- }
- }
- document.location.href = "path地址?chk="+array;
第三,在使用CheckBox时,会把所有选中的CheckBox值删除。
使用第二中的方法,获取所有选中的CheckBox的id值,然后在后台中删除所有选中的CheckBox值的后台数据。