jquery로 읽기 전용 및 비활성 전환 토글

Question

이 작업이 대부분 있습니다. 선택한 라디오 버튼에 따라 표시된 div를 전환하려고하는데이 방법이 효과적입니다. 또한 숨겨진 입력 (name = martygeocoderlatlngonlyly)의 disabled 속성을 표시 여부에 따라 전환하고 있습니다.

그러나 처음에 볼 수있는 입력 (name = martygeocoderlatlngonly)을 읽기 전용에서 사용 안 함으로 전환하고 초점이 맞지 않게 다시 전환하는 데 어려움을 겪고 있습니다.

HTML :

<p>Modify: 
    <label> 
     <input id="rdb1" type="radio" name="toggler" value="1" checked />Location</label> 
    <label> 
     <input id="rdb2" type="radio" name="toggler" value="2" />Lat/Lng</label> 
</p> 
<div id="blk-1" class="toHide" style=""> 
    <p> 
     <label for="martygeocoderaddress">Address</label> 
     <br /> 
     <input class="widefat" type="text" name="martygeocoderaddress" id="martygeocoderaddress" value="" size="30" /> 
    </p> 
    <p> 
     <label for="martygeocoderlatlng">Lat/Lng</label> 
     <br /> 
     <input class="widefat" type="text" name="martygeocoderlatlng" id="martygeocoderlatlng" value="" size="30" readonly /> 
    </p> 
</div> 
<div id="blk-2" class="toHide" style="display:none;"> 
    <p> 
     <label for="martygeocoderlatlng">Lat/Lng</label> 
     <br /> 
     <input class="widefat" type="text" name="martygeocoderlatlngonly" id="martygeocoderlatlng" value="" size="30" disabled/> 
    </p> 
</div> 

JQUERY : 내가 PHP를 사용하여 개발하는 데 사용 및 JQuery와 및 자바 스크립트 나에게 조금 미치게 있도록 OOP에있어 결코

// Toggle display of fields 
$("[name=toggler]").click(function() { 
    //$('.toHide').hide(); 
    $("#blk-" + $(this).val()).each(function() { 
     //$(this).show(); 
    }); 
    $(":input[name='martygeocoderlatlngonly']").each(function() { 
     this.disabled = !this.disabled; 
    }); 
    $(":input[name='martygeocoderlatlng']").each(function() { 
     if (this.readOnly = true) { 
      this.readOnly = false; 
      this.disabled = true; 
     } else { 
      this.readOnly = true; 
      this.disabled = false; 
     } 
    }); 
}); 

.

#

솔루션 :

$("[name=toggler]").click(function() { 
    $('.toHide').hide(); 
    $("#blk-" + $(this).val()).each(function() { 
     $(this).show(); 
    }); 
    $(":input[name='martygeocoderlatlngonly']").each(function() { 
     this.disabled = !this.disabled; 
    }); 
    $(":input[name='martygeocoderlatlng']").each(function() { 
     this.readOnly = !this.readOnly; 
     this.disabled = !this.disabled; 
    }); 
}); 

Answer 1

if (this.readOnly = true) { 

는

if (this.readOnly == true) { 

일반적인 실수 :

Answer 2

this.readOnly = true 세트 true에 this.readOnly해야한다. 그러나 나는 아직도 어려움을 겪고있어,

if (this.readOnly)