답변:
단순히 다음 속성을 추가하십시오
// for disabled i.e. cannot highlight value or change
disabled="disabled"
// for readonly i.e. can highlight value but not change
readonly="readonly"jQuery를은 (대체 원소로 변경하기 disabled위한 readonly설정에 대해 다음의 readonly속성).
$('#fieldName').attr("disabled","disabled") 또는
$('#fieldName').attr("disabled", true) 참고 : jQuery 1.6부터는 .prop()대신 사용 하는 것이 좋습니다 .attr(). 위의 코드는를 대신 .attr()하는 것을 제외하고는 정확히 동일하게 작동합니다 .prop().
간단히 disabled또는로 표시하면 enabled됩니다. 이 코드를 사용하여 다음을 수행 할 수 있습니다.
//for disable
$('#fieldName').prop('disabled', true);
//for enable
$('#fieldName').prop('disabled', false);또는
$ ( '# fieldName'). prop ( 'readonly', true);
$ ( '# fieldName'). prop ( 'readonly', false);
--- attr 대신 prop를 사용하는 것이 좋습니다.
이 예제를 사용하여 텍스트 상자를 ReadOnly 또는 Not으로 만듭니다.
<input type="textbox" class="txt" id="txt"/>
<input type="button" class="Btn_readOnly" value="Readonly" />
<input type="button" class="Btn_notreadOnly" value="Not Readonly" />
<script>
$(document).ready(function(){
('.Btn_readOnly').click(function(){
$("#txt").prop("readonly", true);
});
('.Btn_notreadOnly').click(function(){
$("#txt").prop("readonly", false);
});
});
</script>두 가지, 즉 속성이 있습니다 readonly및 disabled반 읽기 전용 입력을 할 수 있습니다. 그러나 그들 사이에는 작은 차이가 있습니다.
<input type="text" readonly />
<input type="text" disabled />readonly속성은 입력 텍스트를 비활성화하며 사용자는 더 이상 텍스트를 변경할 수 없습니다.disabled속성은 입력 텍스트를 비활성화 (변경 불가능 )하게 할뿐만 아니라 제출할 수 없습니다 .jQuery 접근법 (1) :
$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);jQuery 접근 방식 (2) :
$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");자바 스크립트 접근 :
document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;PS (으)로 prop소개했습니다 jQuery 1.6.
아마도 atribute disabled를 사용하십시오 :
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />또는 레이블 태그를 사용하십시오 :;)
<label><html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname" />
</div>
</body>
<script type="text/javascript">
$(function()
{
$('#fieldName').attr('disabled', 'disabled');
});
</script>
</html>setReadOnly (state)는 양식에 매우 유용합니다. 우리는 직접 또는 다양한 조건에서 모든 필드를 setReadOnly (state)로 설정할 수 있습니다. 그러나 선택기에 불투명도를 설정하기 위해 readOnly를 사용하는 것을 선호합니다. 그렇지 않으면 attr = 'disabled'도 같은 길.
readOnly 예제 :
$('input').setReadOnly(true);또는 다양한 코디네이션을 통해
var same = this.checked;
$('input').setReadOnly(same);여기서 우리는 상태 부울 값을 사용하여 체크 박스 클릭에 따라 입력에서 읽기 전용 속성을 설정하고 제거합니다.
HTML에서
$('#raisepay_id').attr("readonly", true)
$("#raisepay_id").prop("readonly",true);부트 스트랩에서
$('#raisepay_id').attr("disabled", true)
$("#raisepay_id").prop("disabled",true);JQuery는 변화하는 라이브러리이며 때로는 정기적으로 개선합니다. .attr ()은 HTML 태그에서 속성을 가져 오는 데 사용되며 완벽하게 작동하지만 나중에 더 의미 적으로 .prop ()가 추가되어 'checked'및 'selected'와 같은 값이없는 속성으로 더 잘 작동합니다.
최신 버전의 JQuery를 사용하는 경우 가능할 때마다 .prop ()를 사용해야합니다.