[問題] FORM超過兩個後,無法判斷checkbox物件

看板Web_Design作者 (poc)時間13年前 (2012/02/25 23:53), 編輯推噓3(305)
留言8則, 5人參與, 最新討論串1/1
標題是目前發生的現象,但是不一定是問題所在。 我會從資料庫抓訂單下來, 每一筆訂單生成一個FORM,裡面可能有多筆checkbox 比如說 訂單 111 ,裡面有兩個checkbox, php生出code的時候我就會為這兩個checkbox分別命名為 ckc_111_1 , ckc_111_2 而實作功能為, 不需要去圈選ckeckbox那個小框框,點擊到旁邊的文字也有相同功能。 讓ckeckbox旁的文字變得clickable. 在一筆訂單的情形下,這功能是ok的 但是今天頁面有兩筆以上訂單,Firebug就會秀出該ckeckbox undefined.未被定義 但是我還是看不出哪裡未被定義。 <div id="order_111"> .. <form id=orderForm> . <input type=checkbox id="ckc_111_1" name="ckc_111_1"> <span onClick=(document.orderForm.ckc_111_1.checked =(!document.orderForm.ckc_111_1.checked)) ;>確定?</span> </form> 以上在一筆訂單下是ok的,如果畫面同時出現兩筆以上訂單 比如說下面的114出現,那麼就會出現 undefined的問題。 <div id="order_114"> ... <input type=checkbox id="ckc_114_1" name="ckc_114_1"> <span onClick=(document.orderForm.ckc_114_1.checked =(!document.orderForm.ckc_114_1.checked)) ;>確定?</span> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 119.77.136.156

02/26 00:12, , 1F
document.orderForm <= orderForm怎麼來的?
02/26 00:12, 1F

02/26 00:19, , 2F
試試看改用 <label><input/>text</label> ?
02/26 00:19, 2F

02/26 00:58, , 3F
<input type="checkbox" id="A"><label for="A"></label>
02/26 00:58, 3F

02/26 00:58, , 4F
label標籤裡放文字 不用用到js
02/26 00:58, 4F

02/26 00:58, , 5F

02/26 07:52, , 6F
不好意思,找到bug了,因為checkbox是在FORM階層下面
02/26 07:52, 6F

02/26 07:53, , 7F
所以這兩個FORM名字也要取的不一樣,不能叫做 orderForm
02/26 07:53, 7F
※ 編輯: poc7667 來自: 119.77.136.156 (02/26 07:53)

02/26 20:44, , 8F
orz....
02/26 20:44, 8F
文章代碼(AID): #1FIGGEDK (Web_Design)