[js/jquery] 라디오박스/체크박스 값가져오기 (chkeckbox / radio get value)

페이지 정보

작성자 webpaper 댓글 0건 조회 14,087회 작성일 19-02-21 09:32

본문

jquery 를 사용하여, 체크박스 및 라디오 박스에서 값을 가져오는 코드

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() );
		});

	}