Question

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

我有一个Bootstrap Toggle按钮，可以在On / Off模式下工作。我需要获取当前的选择/值来做出决定，但值总是空白的。

另外一件事，我注意到按钮永远不会被解除切换。

<button id="buttonToggle" type="button" class="btn btn-primary" data-toggle="button">Toggle</button>

    $('#buttonToggle').click(function() {
            alert('Clicked, value = ' + $(this).val());
        });

我有点理解Val（）不适用于按钮，但我只有一个元素。我是否真的需要使用单选按钮或复选框作为按钮？

Answer 1

您可能想要查找当前按钮是否为活动类

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

Answer 2

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

Answer 3

$('#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

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

3 个答案: