【问题标题】:bootstrap remove active class from radio type btn-groupbootstrap 从无线电类型 btn-group 中删除活动类
【发布时间】:2016-02-22 22:58:47
【问题描述】:

我正在创建一个引导 btn 组,我想让用户能够从中选择一个或不选择一个选项。数据端的一切都很好,除了当用户关闭它时我无法从按钮中删除活动类。

<div class="btn-group" id="localRasterBG" data-toggle = "buttons">
    <label class="btn btn-default localBaseMaps" id="btnLand Cover" data-layerName="Land Cover" onclick="rasterButtonClick(event)" >
        <input type="radio" name="options" id="btnLandCover" autocomplete="off"> Land Cover
    </label>
    <label class="btn btn-default localBaseMaps" data-layerName="Elevation" onclick="rasterButtonClick(event)">
        <input type="radio" name="options" id="btnElevation" autocomplete="off"> Elevation
    </label>
    <label class="btn btn-default localBaseMaps active" id="btnPopulation" data-layerName="Population" onclick="rasterButtonClick(event)">
        <input type="radio" name="options" id="btnLandScan" autocomplete="off"> Population
    </label>
</div>

但是,我无法使用 javascript 删除“活动”类:

function rasterButtonClick(e){
        e.target.removeClass("active");
}

知道我做错了什么吗?

谢谢,泰勒

【问题讨论】:

  • 也许你想要复选框而不是单选按钮?

标签: twitter-bootstrap-3


【解决方案1】:

removeClass是一个jQuery函数,需要改成:

 $(e.target).removeClass("active");

【讨论】:

  • 我试了一下,但什么也没发生。
  • 我在 removeClass 函数前后运行了一个 console.log,它确实确认了该类已被删除。
  • 但是,该按钮看起来仍然处于活动状态。
猜你喜欢
  • 1970-01-01
  • 2017-05-25
  • 2017-02-22
  • 1970-01-01
  • 2014-01-19
  • 1970-01-01
  • 2012-04-08
  • 1970-01-01
  • 2017-09-13
相关资源
最近更新 更多