본문 바로가기

개발일지/JavaScript + jquery

[jquery] radio 입력 받아서 출력하기

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="../jquery-3.6.0.min.js"></script>
  <script> function radio(){
	$(function(){
		var id = $("input[name='sex']:checked").attr('id');
		document.write(id);
		alert(id);
	});
	}
  </script>
 </head>
 <body>
  <fieldset>
	<legend>성별체크</legend>
	<form>
		<input type="radio" id="여자" name="sex">여자<br>
		<input type="radio" id="남자" name="sex">남자
		<input type="button" value="제출" onclick="radio();">
	</form>
  </fieldset>
 </body>
</html>
function radio(){
	$(function(){
		var id = $("input[name='sex']:checked").attr('id');
		document.write(id);
		alert(id);
	});
	}

 

var id = $("input[name='sex']:checked").attr('id');

$("input[name='sex']:checked").attr('id')

input 타입에 name='sex'인 것을 체크


document.write(id);
alert(id);

둘중에 하나만 해줘도 됨