作者jasonchris (已經醒了)
看板Ajax
標題[問題] 表格內的input 點擊換色問題
時間Fri Dec 4 09:36:23 2015
http://codepen.io/anon/pen/XXWmqR
如上面的程式碼
我看到 某個運彩網站 它有一個可以讓使用者點擊預測的表單
在點擊的過程中 它有三個功能
第一個: 滑鼠滑過 <tr class="tr_row"> 會變色
我試過用 tr_now:hover 但是無法達成我要的效果 玩運彩它是整場比賽會變色
第二個: 點擊input 的話 其包覆它的父元素td 會變色 (類似我用的黃色背景)
第三個: 可以取消點擊 input 且會將之前的黃色背景取消成無這個css 背景色
我爬了很多文 但是沒看到 是可以一次滿足這三個條件的 範例
真的很希望有大大 可以幫我指點迷津
--
不停追著自己的目標
人不可以窮死
人不可以氣死
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.84.174
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1449192988.A.55D.html
1F：推 ian90911: 2跟3應該要寫點js 12/04 10:20
2F：→ jasonchris: 但我不太曉得 該從何寫起............ 12/04 10:49
3F：推 st1009: 用jquery的.css()好像不錯，事件hover和click吧(? 12/04 11:34
4F：推 st1009: 還有2.3搭配的toggle() 12/04 11:36
5F：推 st1009: 我弄錯了....toggle()好像不是Orz 12/04 11:38
6F：推 swijo: 滑過變色是使用JS，兩個<tr>的class都變成"mouse-over" 12/06 00:20
7F：推 swijo: 2跟3也是JS，點選後<td>的style多了background 12/06 00:23
8F：推 KOIORI: 1)tr:hover td ｛bg-color｝ 01/17 20:32