bootstrap从无线电类型btn-group中删除活动类

时间:2016-02-22 22:58:47

标签: twitter-bootstrap-3

我正在创建一个bootstrap btn-group,我想让用户能够从中选择一个或没有选项。数据端的所有内容都工作得很好,除非我在用户将其关闭时无法从按钮中删除活动类。

<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>

但是,我无法移除&#34;有效的&#39;使用javascript的课程:

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

知道我可能做错了吗?

谢谢,泰勒

1 个答案:

答案 0 :(得分:0)

removeClassjQuery函数,您需要将其更改为:

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