radio button 텍스트 클릭시 작동, 체크여부확인

Sora Kim·2022년 8월 24일
0

JS / jquery

목록 보기
1/12

텍스트 클릭시 버튼 작동

<input type="radio" name="type" id="import" value="I"><label for="import">수입</label>
<input type="radio" name="type" id="export" value="E"><label for="export">수출</label>

label for을 사용하기

for의 값과 radio 타입의 id 값을 같게하면, 텍스트 클릭시 해당항목 선택가능

값 선택했는지 체크하는 방법 / 값 가지고오기

// 체크여부확인
$('input:radio[name="type"]').is(':checked'); 
// 값가져오기
$('input:radio[name="type"]:checked').val(); 
// 첫번째 버튼 포커스
$('input:radio[name="type"]:eq(0)').focus();
profile
개발잘하고시풔!!!!!!!

0개의 댓글