[問題] JS全域變數如何透過網頁控制項動態賦值?

看板Ajax作者Eleganse (王建民)時間12年前 (2012/03/09 15:35)推噓5(5推 0噓 21→)

留言26則, 3人參與討論串1/2 (看更多)

基於某些理由以及描述方便，我寫了以下一段的JS碼。 <head><title> 未命名頁面 </title> <script type="text/javascript"> var Point_1; var Point_2; var Point_3; var Point_4; var Point_5; function cbChange(PointName,ControlName,Value) { if (document.getElementById(ControlName).checked == true) { PointName = Value; alert(PointName); //alert(Point_1);//註記 } if (document.getElementById(ControlName).checked == false) { alert(PointName); } } </script> </head> <body> <form name="form1" method="post" action="default.aspx" id="form1"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGRZmWsrNGbPJujnk93ixuFe+HAvUQ==" /> </div> <div> <input id="cb_1" type="checkbox" name="cb_1" onclick="cbChange(Point_1,'cb_1',1);" /> <input id="cb_2" type="checkbox" name="cb_2" onclick="cbChange(Point_2,'cb_2',2);" /> <input id="cb_3" type="checkbox" name="cb_3" onclick="cbChange(Point_3,'cb_3',3);" /> <input id="cb_4" type="checkbox" name="cb_4" onclick="cbChange(Point_4,'cb_4',4);" /> <input id="cb_5" type="checkbox" name="cb_5" onclick="cbChange(Point_5,'cb_5',5);" /> </div> </form> </body> </html> 網頁佈署後，點按checkbox，勾選(checked=true)時顯示正常。但反勾選(checked=false)時，其值顯示undifined. 註記:實際上我通過檢查，其實在第一階段就沒有賦值到全域變數上了。我的疑問與需求是，如何透過網頁控制項，動態賦值JS全域變數? 備註:我基於以下理由，衍生了上述特殊要求 (1)checkbox控制項，乃成千上萬，其賦值(Value)，為經由資料庫讀取而出的資料，透過控制項動態佈署完成。 (2)關於JS函數--cbChange。原先的做法是新增一組checkbox，就新增一組函數來服務之，運作上沒有問題，但當checkbox數量越來越多時，函數也必須等量增加，網頁大小因此暴漲，因此衍生撰寫一通用JS函數，來服務控制項賦值的想法。不知版上有無先進撰寫過類似的語法，望不吝提示。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.115.61.67

推

LaPass

03/09 15:46, , 1^F

03/09 15:46, 1^F

推

LaPass

03/09 15:48, , 2^F

03/09 15:48, 2^F

→

LaPass

03/09 15:49, , 3^F

03/09 15:49, 3^F

→