這個If/Else代碼有什麼問題？

Question

我有一個「更改」按鈕，使單擊時表單處於活動狀態或鎖定狀態。雖然按鈕只有當我點擊 「更改」，然後Works不：/

<div class="holder"> 
    <div class="question active">Q1<input id="one" type="text"> 
<div class="button passive"><input type="button" value="Change" id="changeone"></div></div></div> 

$('input#changeone').click(function() { 
    if($('#one').attr('readonly', true)) { 

     $("#changeone").attr('value', 'Save'); 
     $('div.button').parent().css('background-color', 'red'); 
     $('#one').attr('readonly', false); 

    } else { 

     $("#changeone").attr('value', 'Change'); 
     $('div.button').parent().css('background-color', 'green'); 
     $('#one').attr('readonly', true); 

    } 

}) 

謝謝:)

**修正的壓痕

謝謝大家！你所有的反應如此之快，我感謝大家的時間:)

Answer 1

您設置readonly到true在if，而不是越來越它。您需要使用.attr(attributeName)才能獲得該值。

$('input#changeone').click(function() { 
    if($('#one').attr('readonly') == 'readonly') { 
     ... 
    } else { 
     ... 
    } 
}); 

Answer 2

需要檢查真正是這樣的：

if($('#one').attr('readonly') == true)) 

用戶也可以直接通過本身

<input readonly> 

在這種情況下，具有隻讀屬性，使用：

$('#one').is('[readonly="readonly"]') || $('#one').is('[readonly="true"]') 

將兩者合併爲單個狀態NT：

var isReadonly = $('#one').attr("readonly"); 
if(isReadonly && isReadonly.toLowerCase()!=='false') { 
    // this is readonly 
} 

Answer 3

試試這個

$('input#changeone').click(function() { 
    if($('#one').attr('readonly')) { 

    $("#changeone").attr('value', 'Save'); 
    $('div.button').parent().css('background-color', 'red'); 
    $('#one').attr('readonly', false); 

} else { 

    $("#changeone").attr('value', 'Change'); 
    $('div.button').parent().css('background-color', 'green'); 
    $('#one').attr('readonly', true); 

} 

}) 

Answer 4

試試這個

<div class="holder"> 
    <div class="question active">Q1<input id="one" type="text"> 
<div class="button passive"><input type="button" value="Change" id="changeone"></div></div></div> 

$('input#changeone').click(function() { 
    if($('#one').attr('readonly') == true) { 

    $("#changeone").attr('value', 'Save'); 
    $('div.button').parent().css('background-color', 'red'); 
    $('#one').attr('readonly', false); 

} else { 

    $("#changeone").attr('value', 'Change'); 
    $('div.button').parent().css('background-color', 'green'); 
    $('#one').attr('readonly', true); 

} 

}) 

Answer 5

$('#one').attr('readonly', true)的readonly屬性設置爲true。你需要讀它，並將它與true

if ($('#one').attr('readonly') == true) // ... 

Answer 6

比較應該是

$（ '輸入＃changeone'）。點擊（函數（）{ 如果（$（ '＃一個'）。ATTR （ '只讀'））{

$("#changeone").attr('value', 'Save'); 
    $('div.button').parent().css('background-color', 'red'); 
    $('#one').attr('readonly', false); 

} else { 

    $("#changeone").attr('value', 'Change'); 
    $('div.button').parent().css('background-color', 'green'); 
    $('#one').attr('readonly', true); 

} 

}）

代替