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'));
});