JS學習筆記之一

今天學了一點指令碼的知識，但是作業做得很不好。老師布置了三個作業。第一個是做全選反選的。上節課有個同學就做了出來，雖然方法很笨，但效果出來了。他的思路是先定義一個全選函數，然後利用getElementById擷取各個元素，再利用他們的checked屬性進行賦值。再定義一個反選函數，然後利用getElementById擷取各個元素，再利用if語句判斷各個元素的狀態。如果其checked屬性為空白，則把其屬性賦值為true，否則其checked屬性為空白。具體代碼如下，很簡單，大牛飄過。

<mce:script type="text/javascript"><!--<br />function quanxuan()<br />{<br />email1=document.getElementById("email1");<br />email2=document.getElementById("email2");<br />email3=document.getElementById("email3");<br />email4=document.getElementById("email4");<br />email1.checked="checked";<br />email2.checked="checked";<br />email3.checked="checked";<br />email4.checked="checked";<br />}<br />function fanxuan()<br />{<br />email1=document.getElementById("email1");<br />email2=document.getElementById("email2");<br />email3=document.getElementById("email3");<br />email4=document.getElementById("email4");<br />if(email1.checked=="")<br />{<br />email1.checked=true;</p><p>}<br />else<br />{<br />email1.checked="";</p><p>}<br />if(email2.checked=="")<br />{<br />email2.checked=true;</p><p>}<br />else<br />{<br />email2.checked="";</p><p>}<br />if(email3.checked=="")<br />{<br />email3.checked=true;</p><p>}<br />else<br />{<br />email3.checked="";</p><p>}<br />if(email4.checked=="")<br />{<br />email4.checked=true;</p><p>}<br />else<br />{<br />email4.checked="";</p><p>}<br />}<br />// --></mce:script></p><p>

不過倒是出了一點怪事，無法解釋。對於反選函數中的if語句，如果象下面這樣寫，則出不了效果。

<br />if(email1.checked==checked)<br />{<br />email1.checked="";</p><p>}<br />else<br />{<br />email1.checked=checked;</p><p>}<br />if(email2.checked==checked)<br />{<br />email2.checked="";</p><p>}<br />else<br />{<br />email2.checked=checked;</p><p>}<br />if(email3.checked==checked)<br />{<br />email3.checked="";</p><p>}<br />else<br />{<br />email3.checked=checked;</p><p>}<br />if(email4.checked==checked)<br />{<br />email4.checked="";</p><p>}<br />else<br />{<br />email4.checked=checked;</p><p>}<br />}</p><p>

不過是換了一個位置，一直也沒有搞明白問題出在哪裡。

這個很羅嗦，老師給出了下面的實現方法。先是利用getelementsbyid擷取擷取複選框元素數組，再利用迴圈進行遍曆，進而判斷他們的狀態。代碼很簡潔，具體代碼如下。

<mce:script type="text/javascript"><!--<br />function quanxuan()<br />{<br />var email=document.getElementsByName("email[]");<br />for (var i=0;i<email.length;i++)<br />{<br />email[i].checked=true;<br />}<br />}</p><p>function fanxuan()<br />{<br />var email=document.getElementsByName("email[]");<br />for (var i=0;i<email.length;i++)<br />{<br />if(email[i].checked)<br />{<br />email[i].checked=false;<br />}<br />else<br />{<br />email[i].checked=true;</p><p>}<br />}<br />}<br />// --></mce:script>

這是第一個作業，其他兩個是：1.二級聯動。就是拉某省出對應的某市。這個在填設定檔時比較常用。 2.利用動態按鈕輸出文字框。但是技術實在是太拙了，沒有做出來。留在這裡，等老師講了再說吧。