JavaScript全选

Original 2019-03-27 15:22:03 170
abstract:<input type="checkbox" id="checkall" onclick="checkall()"><label for="checkall">全选</label> <input type="check
<input type="checkbox" id="checkall" onclick="checkall()"><label for="checkall">全选</label>
<input type="checkbox" name="item[]" id="item1"><label for="item1">选项一</label>
<input type="checkbox" name="item[]" id="item2"><label for="item2">选项二</label>
<input type="checkbox" name="item[]" id="item3"><label for="item3">选项三</label>
<input type="checkbox" name="item[]" id="item4"><label for="item4">选项四</label>
<input type="checkbox" name="item[]" id="item5"><label for="item5">选项五</label>
<input type="checkbox" name="item[]" id="item6"><label for="item6">选项六</label>
function checkall(){
		var checkall,item;
		check = document.getElementById("checkall");
		item = document.getElementsByName("item[]");
		for(i=0;i<item.length;i++){
			if(check.checked){
				item[i].checked = true;
			}else{
				item[i].checked = false;
			}
		}
	}


Correcting teacher:西门大官人Correction time:2019-03-28 10:07:07
Teacher's summary:采用循环方式比较直观。还可以用jquery批量处理

Release Notes

Popular Entries