新建一個html文件,定名為test.html,用于實現統計多選項被選中的個數。
在test.html中,建立一個form表單,在表單內界說四個類型為checkbox的input元素,實現多選項。
在form表單內,再建立一個button按鈕,用于點擊計較多選項已選中的個數。
給button按鈕綁心猿意馬onclick點擊事務,當按鈕被點擊時,觸發執行GetCheckedNum()函數,并利用alert()方式彈出GetCheckedNum()函數統計出的成果。
在button按鈕觸發執行函數時,傳遞兩個參數給函數,一個form對象,一個是 多選項的name名稱。
編寫GetCheckedNum()函數代碼,實現統計已選中選項個數。利用form對象獲得其內部元素的個數,利用for輪回遍歷每一個元素,當它們的屬性為被選中狀況時,checkn加1,直至遍歷完所有元素為止,最后把已選中的總個數利用return返回。
在瀏覽器運行test.html文件,點擊“計較選中總個數”,查看統計的數目是否準確。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!