保持按鈕處於活動狀態，直到再次點擊

我覺得我有一個相對簡單的問題，我不知道該怎麼做。我有一個按鈕類型的html輸入標籤，它調用一個javascript onclick函數。這部分工作正常，但我希望能夠添加到我的onClick函數，保持按鈕處於活動狀態（以便它保持高亮顯示，直到再次點擊）的能力。保持按鈕處於活動狀態，直到再次點擊

任何想法？我試着把注意力集中在它上面，但我認爲它不可能有多個按鈕焦點，而且這聽起來像是一種黑客攻擊。

來源

2014-05-14 AIntel

<input type='button' onClick="jQuery(this).toggleClass('active')">

檢查工作代碼的功能，你可以提供一些代碼，你試過到目前爲止？ – Anthony

你有沒有代碼我給你舉個例子，我希望你有你想要的：

比方說，這是你的HTML按鈕：

<div class="button ">My button</div>

讓我們給它一些風格

.button { 
float:left; 
color: #333; 
width: auto; 
text-align: center; 
padding: 0 10px; 
background: #f0f0f0; 
line-height: 1.5em; 
height: auto; 
}

而且，我們的風格你激活鍵

.button.active { 
background: #ea0000; 
color: #fff; 
}

現在你要做的就是寫一個小的jQuery功能：

<script> 
$('.button').click(function(){ 
    if($(this).hasClass('active')){ 
     $(this).removeClass('active') 
    } else { 
     $(this).addClass('active') 
    } 
}); 
</script>

在這裏，你是;-)

繼承人我的例子上小提琴也：http://jsfiddle.net/S7kJ2/

請務必小心;）

來源

2014-05-14 18:18:50

看來你需要切換功能。

請與jQuery toggleClass（）函數嘗試：http://api.jquery.com/toggleclass/

來源

2014-05-14 18:07:12 svlada

ÿ OU必須使用jQuery的toggleclass上jsfiddle

來源

2014-05-14 18:19:01

保持按鈕處於活動狀態，直到再次點擊

回答

相關問題