"JQuery 버튼 비활성화"의 두 판 사이의 차이

2019년 7월 10일 (수) 15:37 판

1 개요

jQuery 버튼 비활성화

.prop() 또는 .attr() 메소드로 비활성화 가능

// 비활성화
obj1.prop("disabled", true);
obj1.attr("disabled","disabled");

// 활성화
obj2.prop("disabled", false);
obj2.removeAttr("disabled");

2 예제 1

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
  $("#btnAjaxClick").click(function() {
              $.ajax({
                  uri: "ead/test",
                  type: "post",
                  data: "parameter=" + $(this).data("parameter"),
                  success: function(result) {
                     (가) $(this).prop("disabled", true);
                 }
         })});
  });
</script>
<button id="btn-hello">Say Hello</button>
<button id="btn-world">Say World</button>

<body>
     <button id="btnAjaxClick">Click me</button>
     <script>
         $("#btnAjaxClick").click(function() {
             $.ajax({
                 uri: "ead/test",
                 type: "post",
                 data: "parameter=" + $(this).data("parameter"),
                 success: function(result) {
                    (가) $(this).prop("disabled", false);
                }
        })});
    </script>
</body>

3 같이 보기