javascript - 这个 If/Else 代码有什么问题？

Question

我有一个“更改”按钮，单击该按钮可激活或锁定表单。虽然该按钮仅在我单击“更改”时有效，但随后不起作用:/

<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

您在 if 中设置 readonly 为 true，而不是获取 它。您需要使用 .attr(attributeName)获取值(value)。

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