jQuery的做一些事情的时候引导切换按钮类是活跃的(jQuery do something whe

2019-10-18 14:36发布

我是新来的JavaScript / jQuery的所以可以用在这里一些帮助做。 我有一个形式以下输入:

<div class="form-group">
    <button type="button" class="btn btn-default navbar-btn" data-toggle="button tooltip"
    data-placement="right" title="Use your exact location" name="geoloc" id="geoloc">
        <li class="icon-screenshot"></li>
    </button>
</div>
<div class="form-group">
    <input type="text" class="form-control" placeholder="Address" name="address"
    id="address">
    <input name="lat" type="hidden" value="">
    <input name="lng" type="hidden" value="">
</div>

我想,如果用户点击geoloc切换按钮(这意味着形式将使用他们的确切位置)的文本框变得多余禁用地址输入文本框。

我如何去“禁用”属性应用到地址输入时geoloc输入类处于活动状态,并且使地址输入时geoloc按钮没有活动类的浏览器?

Answer 1:

一个基本的方法来切换您的地址字段的disabled属性:

$('#geoloc').click(function (e) {
        var $address = $('#address');
        $address.prop("disabled", !$address.is(':disabled'));
});


文章来源: jQuery do something when Bootstrap toggle button class is active