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

作者: jasonchris (已經醒了)   2015-12-04 09:36:23
http://codepen.io/anon/pen/XXWmqR
如上面的程式碼
我看到 某個運彩網站 它有一個可以讓使用者點擊預測的表單
在點擊的過程中 它有三個功能
第一個: 滑鼠滑過 <tr class="tr_row"> 會變色
我試過用 tr_now:hover 但是無法達成我要的效果 玩運彩它是整場比賽會變色
第二個: 點擊input 的話 其包覆它的父元素td 會變色 (類似我用的黃色背景)
第三個: 可以取消點擊 input 且會將之前的黃色背景取消成無這個css 背景色
我爬了很多文 但是沒看到 是可以一次滿足這三個條件的 範例
真的很希望有大大 可以幫我指點迷津
作者: KOIORI (自性光明)   2014-01-17 20:32:00
1)tr:hover td {bg-color}
作者: ian90911 (xopowo)   2015-12-04 10:20:00
2跟3應該要寫點js
作者: jasonchris (已經醒了)   2015-12-04 10:49:00
但我不太曉得 該從何寫起............
作者: st1009 (前端攻城師)   2015-12-04 11:34:00
用jquery的.css()好像不錯,事件hover和click吧(?還有2.3搭配的toggle()我弄錯了....toggle()好像不是Orz
作者: swijo (熱風)   2015-12-06 00:20:00
滑過變色是使用JS,兩個<tr>的class都變成"mouse-over"2跟3也是JS,點選後<td>的style多了background

Links booklink

Contact Us: admin [ a t ] ucptt.com