JS全選、反選代碼

2024-09-05 12:22:07

字體：大中小

供稿：網(wǎng)友

很完美的JavaScript表單中的全選與反選代碼，用的已經(jīng)很廣泛，但還是有人需要，希望能幫你大忙~~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>全選反選復(fù)選框</title><script>function CheckAll(value,obj)  {var form=document.getElementsByTagName("form") for(var i=0;i<form.length;i++){    for (var j=0;j<form[i].elements.length;j++){    if(form[i].elements[j].type=="checkbox"){     var e = form[i].elements[j];     if (value=="selectAll"){e.checked=obj.checked}         else{e.checked=!e.checked;}        }    } }}</script></head><body><form name="form1" method="post" action=""><input name="id" type="checkbox" id="id" value="1"><input name="id" type="checkbox" id="id" value="2"><input name="id" type="checkbox" id="id" value="3"></form><form name="form2" method="post" action=""><input name="id" type="checkbox" id="id" value="4"><input name="id" type="checkbox" id="id" value="5"><input name="id" type="checkbox" id="id" value="6"></form><INPUT onclick=CheckAll('selectAll',this) type=checkbox value=on name=chkall>全選<input type="checkbox" name="invest" value="checkbox" onClick="CheckAll()">反選</body></html>

上一篇：JavaScript檢測(cè)EMail地址輸入是否正確

下一篇：仿百度輸入框自動(dòng)匹配功能的JS代碼