鍍金池/ 問(wèn)答/數(shù)據(jù)庫(kù)  HTML/ JS判斷同一按鈕的多次點(diǎn)擊事件？

JS判斷同一按鈕的多次點(diǎn)擊事件？

圖片描述

如圖所示，一個(gè)table表頭中有四個(gè)排序按鈕，需求是這樣的：第一次點(diǎn)擊降序，第二次升序，第三次點(diǎn)擊默認(rèn)顯示（不排序）；
我想問(wèn)有沒(méi)有一個(gè)方法，可以判斷四個(gè)按鈕的三種點(diǎn)擊狀態(tài)？
。。。我想了一下，如果實(shí)現(xiàn)可能就得用比較麻煩的方法，感覺(jué)這樣寫(xiě)很low～～

回答
編輯回答
涼汐

3個(gè)狀態(tài)，比如 data-type 3 4 5 代表默認(rèn)，降序，升序。點(diǎn)擊的時(shí)候去判斷當(dāng)前狀態(tài)。并請(qǐng)求相應(yīng)的排序結(jié)果。請(qǐng)求結(jié)束后更新data-type. data-type= ((data-type+1)%3)+3.

2018年5月4日 09:08
編輯回答
傲寒

為什么要第三次就不排序？datatable可以給每列升序降序排序。。

2018年9月6日 09:09
編輯回答
涼汐

因?yàn)?個(gè)狀態(tài)不能相互影響，所有只能通過(guò)四個(gè)變量來(lái)判斷，應(yīng)該該是data-id 加 三元表達(dá)式比較好實(shí)踐，如果一個(gè)變量，肯定會(huì)相互影響的

2018年1月23日 02:42
編輯回答
淡墨

每次點(diǎn)擊 記錄并切換 狀態(tài)值 可以記錄在clickdom上 （data-state）

<div id="dom1" data-state="1" >xx數(shù)量</div>
$("#dom1").click(){
   var state =  $(this).data('state')
    if(state == 1){
     .....
    }else if(){
     .....
    }
}

而且互不影響

2018年1月22日 19:12
編輯回答
幼梔

試試三目表達(dá)式

2017年3月9日 07:02