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

[jasonchris (已經醒了)]

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
推 ian90911: 2跟3應該要寫點js
→ jasonchris: 但我不太曉得 該從何寫起............
推 st1009: 用jquery的.css()好像不錯，事件hover和click吧(?
推 st1009: 還有2.3搭配的toggle()
推 st1009: 我弄錯了....toggle()好像不是Orz
推 swijo: 滑過變色是使用JS，兩個<tr>的class都變成"mouse-over"
推 swijo: 2跟3也是JS，點選後<td>的style多了background
推 KOIORI: 1)tr:hover td ｛bg-color｝