【问题标题】:How to make an twitter bootstrap radio button unselectable using jquery如何使用 jquery 使 twitter 引导单选按钮无法选择
【发布时间】:2023-03-30 13:43:02
【问题描述】:

我有一个单选按钮组如下:

<div class="btn-group" data-toggle="buttons-radio">
    <a href="#1" class="btn btn-primary btn-andares" data-toggle="tab">1º Andar</a>             
    <a href="#2" class="btn btn-primary btn-andares active" data-toggle="tab">2º Andar</a>                  
    <a href="#3" class="btn btn-primary btn-andares" data-toggle="tab">3º Andar</a>                 
</div>

当我单击任何按钮时,将为我显示当前图像。问题是,当我单击一个已经切换的按钮时,会重新加载当前图像。如何禁用或阻止用户单击已选择的按钮?

我试过用这个:

$('.btn-andares').click(function(e) {
        if($(this).is(':checked')) {
            alert("already checked");
        }
    });

但它不起作用..我还能做什么?

【问题讨论】:

    标签: jquery twitter-bootstrap radio-button


    【解决方案1】:

    返回假:

    $('btn-group').on('click', '.btn-andares', function(e) {
        return !$(this).hasClass('active');
    });
    

    【讨论】:

      猜你喜欢
      • 2018-08-19
      • 1970-01-01
      • 1970-01-01
      • 2013-08-24
      • 2017-02-05
      • 1970-01-01
      • 2021-03-31
      • 1970-01-01
      • 2012-07-12
      相关资源
      最近更新 更多