본문 바로가기

나의 IT Note

검색하기
나의 IT Note
프로필사진 MaCoder

  • 전체보기 (33)
    • JavaScript (20)
    • CSS (6)
    • 일상 (4)
    • Resourec (3)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
  • 자바스크립트
  • 문자열 함수
  • css 말풍선
  • 스크립트 시계
  • 문자 위치
  • JavaScript
  • mac 전체화면 보기
  • 문자열 추출
  • mac 전체화면 닫기
  • 말풍선 그리기
  • 문자열
  • tolowercase
  • 숫자 증가
  • 별표시
  • checkbox readonly
  • 천단위 나누기
  • 보이스오버
  • SubString
  • mac 바탕화면 보기
  • not 선택자
  • 콤마 추가
  • 카운트 증가
  • touppercase
  • 특정태그제외
  • 세자리 콤마
  • Replace
  • 특정요소제외
  • css not
  • radio readonly
  • JS
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록readonly (1)

나의 IT Note

[JavaScrit] checkbox / radio readonly 설정하기

readonly 설정 input의 경우 아래와 같이 readonly를 간단하게 처리할 수 있다. 그러나 checkbox나 radio버튼은 readonly속성이 적용되지 않는다. 그래서 onclick을 직접 적용하여 readonly을 설정하거나 스크립트로 설정을 해주어야 한다. 예시 1 input에 return false를 적용 // checkbox // radio 예시 2 input에 return false를 스크립트로 일괄 적용 // checkbox // radio let ipt = document.querySelectorAll('input.readonly'); for(let i = 0; i < ipt.length; i++) { ipt[i].setAttribute('onclick', 'return fa..

Resourec 2021. 8. 30. 22:11
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바