개발일지/JavaScript + jquery
[jquery] radio 입력 받아서 출력하기
연습용365
2021. 9. 14. 08:43
<!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);
둘중에 하나만 해줘도 됨