search

Textarea readonly 해제 - Textarea readonly haeje

1 년도s ~ 전에
코멘트: 0
견해: 147

textarea 텍스트 입력 영역 비활성화, 활성화 예제
$("#textarea").attr("readonly", true);

$(".edit").click(function(event) {
	$("#textarea").attr("readonly", false);
});

크롬에서는 상관없으나 익스플로러에는 커서가 깜박여서 활성화된 듯한 착각을 불러일으키므로 포커스를 제거해준다onfocus="this.blur()" 를 사용하거나 disabled를 이용해준다.

Show

요소의 비활성 readonly, disabled 차이와 사용법

reaonly 와 disabled는 보통 웹 페이지에서 어느 특정 요소를 비활성화 처리할 때 사용
(readonly는 text요소, 나머지 요소는 disabled 사용)

하지만 이 둘의 가장 큰 차이점은 DOM 객체에서 읽을 수 있느냐없느냐로
readonly의 경우 객체는 읽으나 객체의 쓰기를 비활성화하지만 disabled 된 요소는 DOM 객체를 아예 읽지 않는다. 

그러나 예외는 있다고 disabled 된 요소의 값을 간단히 서블릿으로 전달하는 2가지 방법이 있으며 아래와 같다.

1) hidden 으로 해당 값을 전달하는 방법으로 disabled된 요소의 값을 hidden된 input요소의 value 에 넣어 전달
2) submit이나 serialize 하기 전 해당 요소의 disabled 속성을 제거했다가 전송 후 다시 disabled  

$("#id").attr("disabled", false);  //해당 요소의 disabled 속성 변경(false)
var dataParam = $("#searchForm").serialize();  //데이터 serialize 
$("#id").attr("disabled", true);  //해당 요소의 disabled 속성 변경(true)

'Javascript > JQuery' 카테고리의 다른 글

jQuery UI, 자바스크립트 라이브러리  (0) 2020.03.16
ajax 중복요청, 중복클릭, 중복호출 막는 여러가지 방법들  (0) 2020.02.21
제이쿼리 textarea 텍스트 입력 영역 비활성화, 활성화  (0) 2020.02.21
선택한 요소 판별해서 value 가져오기  (0) 2020.02.19
jQuery 이벤트 등록 메서드 (단독, 그룹, 강제, 제거, 로딩, 마우스, 키보드)  (0) 2019.12.22
jQuery 제이쿼리 탐색 선택자  (1) 2019.12.21

청정코딩샘물

  • === 전체보기 === (100)
    • Programming (94)
      • C Language (7)
      • C++ (13)
      • C# (0)
      • WPF (0)
      • JAVA (1)
      • HTML&JAVASCRIPT&JQuery (14)
      • DataBase (53)
      • Spring FrameWork (5)
      • Algorithm (1)
    • 잡동사니 (6)
      • 마인크래프트 (1)
      • 알-유-지(알고있으면 유용한.. (4)
      • 요리일기 (1)

POWERED BY TISTORY

Programming/HTML&JAVASCRIPT&JQuery

청정코딩샘물 2018. 10. 11. 14:34

반응형

jQuery를 사용하여 readonly속성과 disabled속성을 넣고싶다 어떻게 할까?

정말 쉽다

1.readonly

1

2

3

$('#id").attr("readonly" true); //설정

$('#id").attr("readonly" false); //해제 

cs

2.disabled

1

2

3

$('#id").attr("disabled" true); //설정

$('#id").attr("disabled" false); //해제

cs

id선택자를 사용하여 attr로 속성을 추가한다.

끝.

21.03.03

오타가 있어 수정합니다. $('#id") => $('#id') 

반응형

저작자표시

'Programming > HTML&JAVASCRIPT&JQuery' 카테고리의 다른 글

[jQuery]display 여부에 따른 show, hide 설정하기.  (0) 2019.02.22
<jQuery,Javascript> 쿠키(Cookie)를 이용한 ID 저장하기.  (0) 2018.10.11
<JQuery> jQuery를 사용하여 readonly, disabled 설정하기!  (2) 2018.10.11
<html> input 태그가 하나만 있을 때 엔터를 치면 submit되는 현상 막기  (2) 2018.10.11
<HTML> textarea에 값을 넣어보자!  (1) 2018.10.11
[HTTrack] HTTrack 크롤러를 설치하고 사용해보자!  (2) 2018.05.08

태그

attr, disabled, jquery, readonly, 리드온리, 비활성, 제이쿼리

  • Textarea readonly 해제 - Textarea readonly haeje
     [jQuery]display 여부에 따른 show, hide 설정하기.
  • <jQuery,Javascript> 쿠키(Cookie)를 이용한 ID 저장하기.
  • <html> input 태그가 하나만 있을 때 엔터를 치면 submit되는 현상 막기
  • <HTML> textarea에 값을 넣어보자!

  • Textarea readonly 해제 - Textarea readonly haeje
    ㅎㅎ 2021.03.03 00:08 댓글주소 수정/삭제 댓글쓰기

    콤마 빠졌잖아 쉽긴 뭐가 쉬워 틀렸는데

    • 청정코딩샘물 2021.03.04 08:30 신고 댓글주소 수정/삭제

      아 오타가 있네요 ^^ 지적 감사합니다

Secret

이전 1 ··· 30 31 32 33 34 35 36 37 38 ··· 100 다음

Input readonly 해제 Textarea 입력 막기 Textarea readonly textarea 수정불가 Javascript readonly 해제 Jquery readonly 해제 Textarea disabled CSS jQuery textarea disabled

관련 게시물

Javascript readonly 여부 - Javascript readonly yeobu
Javascript readonly 여부 - Javascript readonly yeobu

미 인증 단말기 입니다 - mi injeung danmalgi ibnida
미 인증 단말기 입니다 - mi injeung danmalgi ibnida

갤럭시s10 물기감지 끄기 - gaelleogsis10 mulgigamji kkeugi
갤럭시s10 물기감지 끄기 - gaelleogsis10 mulgigamji kkeugi

구글 플레이 연동 해제 - gugeul peullei yeondong haeje
구글 플레이 연동 해제 - gugeul peullei yeondong haeje

주차 브레이크 해제 - jucha beuleikeu haeje
주차 브레이크 해제 - jucha beuleikeu haeje

일러스트 락 해제 - illeoseuteu lag haeje
일러스트 락 해제 - illeoseuteu lag haeje

임차권 등기 명령 취소 신청 - imchagwon deung-gi myeonglyeong chwiso sincheong
임차권 등기 명령 취소 신청 - imchagwon deung-gi myeonglyeong chwiso sincheong

메이플 otp 지정pc - meipeul otp jijeongpc
메이플 otp 지정pc - meipeul otp jijeongpc

광고하는

최근 소식

63빌딩 홈페이지 - 63bilding hompeiji
1 년도s ~ 전에 . ~에 의해 HurtParliament
네이버 우클릭 금지 사진 다운 - neibeo ukeullig geumji sajin daun
1 년도s ~ 전에 . ~에 의해 FavorableTreadmill
ATEN KVM 스위치 단축키 - ATEN KVM seuwichi danchugki
1 년도s ~ 전에 . ~에 의해 FledglingIntolerance
암호화 키 교환 - amhohwa ki gyohwan
1 년도s ~ 전에 . ~에 의해 OrganizationalCaught
웰다잉 프로그램계획서 - weldaing peulogeulaemgyehoegseo
1 년도s ~ 전에 . ~에 의해 FamilialRationality
에어팟 프로 셀라스텍 - eeopas peulo sellaseuteg
1 년도s ~ 전에 . ~에 의해 HaughtyAssignment
원 앤드 원 쇼핑 - won aendeu won syoping
1 년도s ~ 전에 . ~에 의해 NormalStorey
지효 야짤 - jihyo yajjal
1 년도s ~ 전에 . ~에 의해 DarkeningComedian
밥 뚜껑 안열릴때 - bab ttukkeong an-yeollilttae
1 년도s ~ 전에 . ~에 의해 RestlessRedemption
돌체구스토 스타벅스 캡슐 호환 - dolcheguseuto seutabeogseu kaebsyul hohwan
1 년도s ~ 전에 . ~에 의해 AntisepticHeadset

광고하는

포퓰러

광고하는

에 대한

합법적인

돕다

사회의

homeendefrjpkoptzhhiitth
저작권 © 2024 kofrojeostern Inc.