jquery - 他の何かをクリックした場合 - prop / jQueryを変更

Question

他の何かをクリックすると、最後の入力 (クリックされたもの) は readonly -> true になります。

ここに私のコードがあります:

<script>
  $(document).ready(function() {

   $("input").prop("readonly", true);      

   $("input").click(function() { 
        $(this).prop("readonly", false); 
    });

  });
</script>

ありがとう！

Answer 1

これを試して

--to make input editable on click
    $('input').bind('click', function () {
        $(this).prop("readonly", false);
    });

--to make input readonly on lost focus
    $('input').bind('blur', function () {
        $(this).prop("readonly", true);  
    });

Answer 2

$("input").click(function() {
    var $that = $(this);
    $("input").each(function() {
       if ($(this) !== $that) {
          $(this).prop("readonly", false);
       }
    });    
});

Answer 3

試す

$("input").attr("readonly", "readonly");