javascript - 当 Bootstrap 切换按钮类处于活动状态时，jQuery 会做一些事情

Question

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

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

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