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值的後臺數據。