본문 바로가기

dev/jquery

html radio 값 설정

반응형
html radio 값 설정
<input type="radio" id="rad0" name="radDay" value="0" /><label for="rad0">일</label>
<input type="radio" id="rad1" name="radDay" value="1" /><label for="rad1">월</label>
<input type="radio" id="rad2" name="radDay" value="2" /><label for="rad2">화</label>
<input type="radio" id="rad3" name="radDay" value="3" /><label for="rad3">수</label>
<input type="radio" id="rad4" name="radDay" value="4" /><label for="rad4">목</label>
<input type="radio" id="rad5" name="radDay" value="5" /><label for="rad5">금</label>
<input type="radio" id="rad6" name="radDay" value="6" /><label for="rad6">토</label>
  • 위처럼 radio 가 있을 경우 간단한 선택 방법입니다.
$(function () {
    var result = '1';
    $('#rad'+result).prop('checked',true);
});

 

$('#rad'+result). prop('checked', true);
  • 이 줄은 id 속성이 "rad1"인 요소를 찾고, 그 요소의 checked 속성을 true로 설정합니다.
  • 구체적으로, result가 '1'이므로 '#rad' + result는 '#rad1'가 되어 id="rad1"인 라디오 버튼을 선택합니다.
  • . prop('checked', true)는 해당 요소를 체크된 상태로 만듭니다.

 

반응형

'dev > jquery' 카테고리의 다른 글

html checkbox 값 설정  (0) 2024.09.22
html checkbox value 값 가져오기  (0) 2024.09.22
html radio,checkbox label 클릭  (0) 2024.09.17
html radio value 값 가져오기  (1) 2024.09.17
$(function() $(document).ready(function()  (0) 2024.04.25