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

Answer 1

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

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

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

1 个答案: