아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (198)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (31)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (5)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

IT/UI | UX

[UI] input checkbox 체크 ui + 모두 선택, 하나만 선택 ui

2020. 8. 24. 14:51

 

			//개인정보 모두 체크
			$('#f_all').on('click', function () {
				let chkAll = $('input[type="checkbox"]');
				if ($("#f_all").prop("checked")) {
					chkAll.prop("checked", true);
				} else {
					chkAll.prop("checked", false);
				}
			});

			//개인정보 부분 체크
			$('.chk input[type="checkbox"]').on('click', function () {
				$('#f_all').prop('checked', false);
				let chk = $('.chk').length;
				let chkInput = $('.chk input[type="checkbox"]:checked').length;
				if (chk == chkInput) {
					$('#f_all').prop('checked', true);
				}
			});

 

 

 

 

728x90
저작자표시 비영리 (새창열림)

'IT > UI | UX' 카테고리의 다른 글

[피그마] 퍼블리셔가 피그마 사용하기  (0) 2024.01.23
IE11 굿빠이  (0) 2021.05.31
[UI] setTimeout과 clearTimeout 활용  (0) 2020.08.24
[UI] 제이쿼리 UI 사용해서 직소퍼즐 만들기  (0) 2020.08.24
[UI] 헤더 nav 언더라인 따라다니기  (0) 2020.08.20

티스토리툴바