用jquery切換屬性

Question

試圖製作一個簡單的切換按鈕。

來解釋它：

輸入具有印刷機按鈕下禁用

用戶的屬性爲假

用戶按下保存更改和按鈕再次變爲禁用。

這裏是我的代碼

$('#password').click(function(){ 
    if($("#password") === "disabled"){ 
     $("#password").prop("disabled", false); 
    } else if ($("#password").prop("disabled", false)){ 
     $("#password").prop("disabled", true); 
    } 
}); 

旁註：我使用的是引導

Answer 1

• 殘疾人表單元素不觸發任何鼠標事件，事件處理函數將永遠不會被調用。即使它是..

• jQuery集合（$("#password")）將永遠不會等於字符串字面值"disabled"，雖然它是一個真值，但您已使用===。無論如何，我敢肯定你正在尋找

  if($('#password').prop('disabled')) { 
  

• 的.prop()的二傳手版本返回原始的集合，因此將永遠是一個truthy值。

要在默認情況下啓用了<input>並將其禁用當你的表單提交（假設你使用的一種形式。）：

$('#myForm').submit(function(){ 
    $('#password').prop('disabled', true); 
}); 

Answer 2

Try like; 

$('#password').click(function(){ 
    if($(this).is(':disabled')){ 
     $(this).removeAttr('disabled'); 
    } 
    else { 
     $(this).attr('disabled','disabled'); 
    } 
}); 

Answer 3

嘗試等;

> $('#password').click(function(){ 
>  if($(this).is(':disabled')){ 
>   $(this).removeAttr('disabled'); 
>  } 
>  else { 
>   $(this).attr('disabled','disabled'); 
>  } }); 

Answer 4

所以這就是我如何解決它的任何未來的參考。

這是當按鈕的id = 「＃密碼鍵」 和輸入的ID = 「密碼」

 $(function() { 
      $('#password-button').click(function() { 
       if ($("#password").prop("disabled")) { 
        $("#password").prop("disabled", false); 
       } else { 
        $("#password").prop("disabled", true); 
       } 
      }); 
     });