引導單切換按鈕（如按鈕元素實現） - 如何獲取選擇

Question

的jsfiddle：https://jsfiddle.net/ntmv4Luq/2/

我有一個自舉切換按鈕，在開/關模式下工作。我需要獲得當前的選擇/價值來作出決定，但價值總是空白。

另一件事，我注意到按鈕從來沒有得到去切換。我有點理解Val（）在按鈕上不起作用，但我只有一個元素。我真的需要使用單選按鈕或複選框作爲按鈕樣式嗎？

Answer 1

$('#buttonToggle').click(function() { 
     $(this).toggleClass('activated'); 
     alert('Clicked, value = ' + $(this).hasClass('activated')); 
     if($(this).hasClass('activated')){ 
     //do something 
     } else { 
     //do something else 
     } 
}); 

例子：https://jsfiddle.net/ec1hduy7/1

Answer 2

您可能希望找到，如果當前按鈕被激活類或不

$('#buttonToggle').click(function() { 
      alert('Clicked, value = ' + $(this).attr("class")); 
      console.log($(this).hasClass("active")); 
}); 

Answer 3

$('#buttonToggle').click(function() { 
    var value = $(this).attr('aria-pressed') ? true : false; 
     alert('Clicked, value = ' + value); 
    });