jQuery를 사용하여 체크박스 체크 설정하기

Shraddha Paghdar 2024년2월15일
jQuery를 사용하여 체크박스 체크 설정하기

이번 포스팅에서는 jQuery에서 체크된 체크박스를 설정하는 방법에 대해 알아보겠습니다.

jQuery에서 체크된 체크박스 설정

이 jQuery 메서드는 속성의 이름을 수락하며, 이 속성의 값은 업데이트되고 요소와 연결되어야 합니다. jQuery의 .attr() 메서드는 일치하는 항목/요소 집합에 대해 하나 이상의 속성을 설정하는 데 사용됩니다.

통사론:

attr(attributeName, value)
  1. attributeName은 값이 설정될 속성의 이름을 나타내는 string 유형의 첫 번째 입력 매개변수입니다.
  2. value는 선택된 속성에 대해 설정된 값을 나타내는 string, null 또는 number 유형의 두 번째 입력 매개변수입니다. 값이 null이면 .removeAttr()과 유사하게 지정된 속성이 제거됩니다.

.attr() 기법은 특히 둘 이상의 속성을 넣거나 함수에서 반환된 값을 사용하는 동안 속성 값을 설정하는 데 편리합니다. .attr() 접근 방식은 불일치를 줄입니다.

.attr()에 대한 문서에서 jQuery의 .attr()에 대한 자세한 정보를 찾을 수 있습니다.

예를 들어 보겠습니다.

코드 - HTML:

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

코드 - 자바스크립트 + jQuery:

$('#Goa').attr('checked', 'checked');

각각 다른 ID가 할당된 두 개의 확인란에 대해 설명했습니다. attr() 메서드를 사용하여 확인란의 checked 속성에 액세스할 수 있습니다.

이 방법을 사용하면 확인란의 속성을 업데이트하여 기본값으로 설정할 수 있습니다. jQuery를 지원하는 모든 브라우저에서 위의 예제 코드를 실행하여 다음 결과를 표시합니다.

출력:

체크박스 체크

코드 데모 실행

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

관련 문장 - jQuery Checkbox