引导单切换按钮（如按钮元素实现） - 如何获取选择

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); 
    });