jQuery在Bootstrap切換按鈕類處於活動狀態時執行某些操作

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

一個基本的方法來切換您的地址字段的disabled屬性：

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