当前位置:编程学习 > html/css >>

Html select 批量选择

<head> <script> function selectAll(box1,box2){ var allBox = document.getElementsByName(box1); var id = document.getElementsByName(box2); for(var i=0;i<id.length;i++){ if(id[i].checked!=allBox[0].checked){ id[i].click(); } } } </script> </head> <html> <body> <input type="checkbox" name="select" onclick="selectAll('select','id')">全选 <input type="checkbox" name="noSelect" onclick="selectNotAll('noSelect','id')">不全选 <br> <input type="checkbox" name="id" value="1" />人文 <input type="checkbox" name="id" value="2" />地理 <input type="checkbox" name="id" value="3" />天文 <input type="checkbox" name="id" value="4" />历史 </body> </html> <PRE style="BACKGROUND-COLOR: rgb(240,240,240); MARGIN: 4px 0px" class=html name="code">function selectAll(box1,box2){ var allBox = document.getElementsByName(box1); var id = document.getElementById(box2); for(var i=0;i<id.length;i++){ if(id[i].checked!=allBox.checked){ id[i].click(); } } }</PRE><BR> <PRE></PRE> <P><BR> </P> <P>getElementById()<SPAN style="WHITE-SPACE: pre"> </SPAN>返回对拥有指定 id 的第一个对象的引用。<BR> getElementsByName()<SPAN style="WHITE-SPACE: pre"> </SPAN>返回带有指定名称的对象集合。<BR> </P>

 

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,