作者j999444 (渣94)
看板Ajax
標題[問題] 讓Table 可以onclick
時間Tue May 21 21:19:15 2013
是這樣的
我想設計一個表單
是可以讓我點選<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
1F:推 darkk6:不太清楚要求,可以再詳細一點嗎 05/21 21:47
就是我希望我有一個<table>裡面的<td> 可以是被點取的
我剛找到一個類似的
http://ppt.cc/0Gf7
不過我需要多一個功能是 點td的同時 我也要勾選 @__@ 可是我不知道該怎麼取
得指定<td>的id值
2F:→ Darkland:你該不會每一個 checkbox 都是 id=chk 吧 05/21 21:54
※ 編輯: j999444 來自: 36.224.75.186 (05/21 22:45)
3F:推 YUPTT:this 05/22 01:07
4F:→ elba:$(element).find("#chk")[0].checked = true; // 或false 05/22 10:04
5F:→ kerash:id 唯一為什麼要 find 抓第0個 ="=a 05/22 12:36
6F:推 s25g5d4:抓第零個可以抓到原生DOM節點 05/22 12:52
7F:→ s25g5d4:不過jQuery與原生DOM混用不是很好 建議可以.prop()代替 05/22 12:53
8F:→ kovenkoven:利用格式化的ID命名規則去做? 05/22 16:54
9F:→ miad:你先抓$(this)也就是td在用$(this).closest('tr')抓到後在做 05/24 18:03