請(qǐng)指教為什么要用for循環(huán)來(lái)進(jìn)行全選和全不選呢?
for循環(huán)不是重復(fù)進(jìn)行么?答案里的for循環(huán)是表示一輪一輪的選擇直到全選和一輪一輪的不選擇直到全不選的意思么?不是很懂,請(qǐng)指教,謝謝
代碼如下:
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? ? ? <title>無(wú)標(biāo)題文檔</title>
? ? </head>? ??
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請(qǐng)選擇你愛好:<br>
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby1"> ?音樂
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby2"> ?登山
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby3"> ?游泳
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby4"> ?閱讀
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby5"> ?打球
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6"> ?跑步 <br>
? ? ? ? ? <input type="button" value = "全選" onclick = "checkall();">
? ? ? ? ? <input type="button" value = "全不選" onclick = "clearall();">
? ? ? ? ? <p>請(qǐng)輸入您要選擇愛好的序號(hào),序號(hào)為1-6:</p>
? ? ? ? ? <input id="wb" name="wb" type="text" >
? ? ? ? ? <input name="ok" type="button" value="確定" onclick = "checkone();">
? ? ? ? </form>
? ? ? ? <script type="text/javascript">
? ? ? ? function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ? for(i = 0;i < hobby.length;i++){
? ? ? ? ? ? ? ? ? ? if(hobby[i].type == "checkbox"){
? ? ? ? ? ? ? ? ? ? ? hobby[i].checked = true; ? }
? ? ? ? ? ? ? ? ??}
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for(i = 0;i < hobby.length;i++){
? ? ? ? ? ? ? ? hobby[i].checked = false;}
? ? ? ? }? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ?? ?var hobby = document.getElementById("hobby"+j);
? ? ? ? ?? ?hobby.checked = true;? ? }? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2015-09-05
checkall()是全選,clearall()是全不選,checkone()是根據(jù)你輸入的序號(hào)勾選。重要的是利用chexkbox的checked屬性,設(shè)置為true為選中,設(shè)置為false為不選中。
2015-09-06
好的,明白了,非常感謝!