특정 조건에서 Jquery로 HTML 요소를 잠 그거나 잠금 해제하는 방법은 무엇입니까?

Question

원시 스크립트를 사용하면 더 잘 설명 할 수 있습니다.

<script> 
    $(document).ready(function() { 
     $("Div"). //lock div here 

     var condition=$("#value").val(); 
     if(condition==true){unlock div here} 
     else{do nothing} 
    }); 
</script> 

내가 포함해야하는 jquery 위젯이 있습니까?

잠금/잠금 해제 란 사용/사용 중지를 의미합니다.

Answer 1

<script> 
    $(document).ready(function() { 
     $("Div").attr('disabled','true'); //lock div here 


     var condition=$("#value").val(); 
     if(condition==true) 
       $("Div").attr('disabled','false');//{unlock div here} 
     else{do nothing} 
    }); 
</script> 

Answer 2

"표시하지 않음"을 의미하는 경우 hide()을 사용하고 div에 양식 요소가 있고 모두 비활성화하려는 경우 각각을 하나씩 비활성화해야합니다.

Answer 3

$("#Div").attr('disabled','true');하지 마, 여기에 큰 문제는 속성 값이 disabled (http://jsfiddle.net/2vene/1/ 참조 (그리고 jQuery를 전환 할 경우 (즉, 약 또는 STH) 1.6 == true과의 비교가 깨진 것입니다 -번역)). 너는 is()에 가야한다.

두 번째 div는 disabled을 지원하지 않으므로 일부는 input입니다. 당신은 jQuery FAQ을 확인할 수 있습니다

<script> 
    $(document).ready(function() { 
    $("#controlId").attr('disabled','disabled'); //lock input control here 

    var condition = $("#value").val(); 
    if(condition == true) 
      $("#controlId").removeAttr('disabled');//{unlock input control here} 
    else{do nothing} 
}); 
</script> 

처럼이 경우 코드가 보일 것이다.

편집

선택적으로 당신은/잠금 해제 장치를 잠글 수 div에 readonly를 사용할 수 있습니다. 데모 번호는 readonly입니다.