[問題] 表格內的input 點擊換色問題

看板Ajax作者 (已經醒了)時間9年前 (2015/12/04 09:36), 編輯推噓7(701)
留言8則, 5人參與, 最新討論串1/1
http://codepen.io/anon/pen/XXWmqR 如上面的程式碼 我看到 某個運彩網站 它有一個可以讓使用者點擊預測的表單 在點擊的過程中 它有三個功能 第一個: 滑鼠滑過 <tr class="tr_row"> 會變色 我試過用 tr_now:hover 但是無法達成我要的效果 玩運彩它是整場比賽會變色 第二個: 點擊input 的話 其包覆它的父元素td 會變色 (類似我用的黃色背景) 第三個: 可以取消點擊 input 且會將之前的黃色背景取消成無這個css 背景色 我爬了很多文 但是沒看到 是可以一次滿足這三個條件的 範例 真的很希望有大大 可以幫我指點迷津 -- 不停追著自己的目標 人不可以窮死 人不可以氣死 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.84.174 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1449192988.A.55D.html

12/04 10:20, , 1F
2跟3應該要寫點js
12/04 10:20, 1F

12/04 10:49, , 2F
但我不太曉得 該從何寫起............
12/04 10:49, 2F

12/04 11:34, , 3F
用jquery的.css()好像不錯,事件hover和click吧(?
12/04 11:34, 3F

12/04 11:36, , 4F
還有2.3搭配的toggle()
12/04 11:36, 4F

12/04 11:38, , 5F
我弄錯了....toggle()好像不是Orz
12/04 11:38, 5F

12/06 00:20, , 6F
滑過變色是使用JS,兩個<tr>的class都變成"mouse-over"
12/06 00:20, 6F

12/06 00:23, , 7F
2跟3也是JS,點選後<td>的style多了background
12/06 00:23, 7F

01/17 20:32, , 8F
1)tr:hover td {bg-color}
01/17 20:32, 8F
文章代碼(AID): #1MOEuSLT (Ajax)
文章代碼(AID): #1MOEuSLT (Ajax)