jQuery在Bootstrap切换按钮类处于活动状态时执行某些操作

jQuery do something when Bootstrap toggle button class is active

本文关键字：活动状态 执行 操作 Bootstrap 按钮 jQuery      更新时间：2023-09-26

我是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输入类处于活动状态时，我如何让浏览器将"disabled"属性应用于地址输入，而当geoloc按钮没有活动类时，我该如何启用地址输入？

切换地址字段禁用属性的基本方法：

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