[js/jquery] 라디오박스/체크박스 값가져오기 (chkeckbox / radio get value)
페이지 정보
작성자 webpaper 댓글 0건 조회 14,087회 작성일 19-02-21 09:32본문
jquery 를 사용하여, 체크박스 및 라디오 박스에서 값을 가져오는 코드
HTML 코드
script 부분

HTML 코드
<h2>체크박스</h2> <label><input type="checkbox" name="checkbox" value="chk1">chk1</label> <label><input type="checkbox" name="checkbox" value="chk2">chk1</label> <label><input type="checkbox" name="checkbox" value="chk3">chk3</label> <h2>레디오박스</h2> <label><input type="radio" name="radiobox" value="rdo1">rdo1</label> <label><input type="radio" name="radiobox" value="rdo2">rdo2</label> <label><input type="radio" name="radiobox" value="rdo3">rdo3</label> <button type="button" onclick="getValue()">값가져오기</button>
script 부분
function getValue(){ console.log( 'radiobox값 : '+$(":input:radio[name=radiobox]:checked").val() ); $("input[name=checkbox]:checked").each(function() { console.log( 'checkbox값 : '+$(this).val() ); }); }

label
반응형 테스터
반응형 테스트 / 해상도 별 화면
바로가기셀프 배너제작
간단한 이미지 제작 셀프로 쉽게!
바로가기Access Token
티스토리 Access Token 발급받기
바로가기Box-Shadow CSS
Box-Shadow CSS 설정 페이지
바로가기숫자 야구게임
간단한 PHP 3자리 숫자 야구게임
바로가기