[問題] 讓Table 可以onclick

看板Ajax作者 (渣94)時間12年前 (2013/05/21 21:19), 編輯推噓3(306)
留言9則, 8人參與, 最新討論串1/1
是這樣的 我想設計一個表單 是可以讓我點選<td>的時候 , 背景變色 , 同時打勾的選項可以被勾選 可是不太明白怎麼用Javascript去讓勾選的那個判斷是哪一個該勾選 背景Click變色已完成 附上程式碼: (現在只能讓第一個勾選,我不知道該怎麼讓他知道那是第幾個checkbox) <td class="image1" onclick="toggleCells(this);" > <input name="select[]" id="chk" class="chk" type="checkbox" valu e="<? echo $image[$i]->imageID ?>" > </td> <script type="text/javascript"> function toggleCells(element){ switch(element.className){ case "image1": element.className = "image2"; $("#chk")[0].checked = true; break; case "image2": element.className = "image1"; $("#chk")[0].checked = false; break; } } </script> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 36.224.75.186

05/21 21:47, , 1F
不太清楚要求,可以再詳細一點嗎
05/21 21:47, 1F
就是我希望我有一個<table>裡面的<td> 可以是被點取的 我剛找到一個類似的 http://ppt.cc/0Gf7 不過我需要多一個功能是 點td的同時 我也要勾選 @__@ 可是我不知道該怎麼取 得指定<td>的id值

05/21 21:54, , 2F
你該不會每一個 checkbox 都是 id=chk 吧
05/21 21:54, 2F
※ 編輯: j999444 來自: 36.224.75.186 (05/21 22:45)

05/22 01:07, , 3F
this
05/22 01:07, 3F

05/22 10:04, , 4F
$(element).find("#chk")[0].checked = true; // 或false
05/22 10:04, 4F

05/22 12:36, , 5F
id 唯一為什麼要 find 抓第0個 ="=a
05/22 12:36, 5F

05/22 12:52, , 6F
抓第零個可以抓到原生DOM節點
05/22 12:52, 6F

05/22 12:53, , 7F
不過jQuery與原生DOM混用不是很好 建議可以.prop()代替
05/22 12:53, 7F

05/22 16:54, , 8F
利用格式化的ID命名規則去做?
05/22 16:54, 8F

05/24 18:03, , 9F
你先抓$(this)也就是td在用$(this).closest('tr')抓到後在做
05/24 18:03, 9F
文章代碼(AID): #1HctHOla (Ajax)
文章代碼(AID): #1HctHOla (Ajax)