>  기사  >  백엔드 개발  >  체크박스 선택 및 취소를 위한 attr() 및 prop()에 대한 자세한 설명

체크박스 선택 및 취소를 위한 attr() 및 prop()에 대한 자세한 설명

小云云
小云云원래의
2018-05-15 13:50:153318검색

이 글에서는 체크박스를 선택하고 해제하는 attr()과 prop()에 대한 자세한 설명을 주로 공유합니다. 먼저 CheckBox의 체크 여부는 체크된 속성의 여부와 직접적인 관계가 없다는 점을 분명히 해야 합니다. 입력이 =="확인됨"입니다.

JS 기능 관련 작성이 없는 입력: 체크하면 위 그림과 같이 선택 여부만 제어할 수 있습니다.

$('.modal-body input:checked')

위 코드에서 이 jquery 선택기는 두 번째 입력을 찾을 수 있지만 찾을 수 있다는 사실은 확인됨이라는 태도와는 아무런 관련이 없습니다.

체크 여부에 따라 체크된 태도를 제어하려면 다음 코드를 추가해야 합니다:

			$('.modal-body thead').on('click','input',function(){
				if($(this).attr('checked')=='checked'){
					$(this).removeAttr("checked");
				}else{
					$(this).attr("checked", "true");
				}
			});

체크 여부와 태도 등 다른 DOM 요소의 이벤트도 제어하려면 다음이 필요합니다. 다음 코드를 추가하려면:

			$('.modal-body thead').on('change','select',function(){
				
				$(this).parent().find('th input').prop('checked','checked');
				$(this).parent().find('th input').attr('checked','checked');
			});

where prop 함수는 선택 여부를 제어하는 ​​데 사용됩니다. 사용하지 않을 경우 입력요소는 선택되지 않으나 자세값이 변경됩니다.

사실 실제로는 확인된 태도에 신경 쓸 필요가 없습니다. 왜냐하면 jquery 선택기는 태도의 값이 아니라 선택 여부에 관심이 있기 때문입니다.

그러나 CheckBox가 선택되도록 하기 위해 다른 DOM 요소의 이벤트를 사용해야 하는 경우 prop 함수를 사용해야 합니다. 사용자는 콘솔을 통한 태도의 가치가 아닌 비전에 관심을 갖기 때문입니다.
관련 권장사항:

입력 체크박스 스타일 수정

jQuery에서 체크박스 사용

js를 사용하여 체크박스 값 가져오기

위 내용은 체크박스 선택 및 취소를 위한 attr() 및 prop()에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.