<!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);
둘중에 하나만 해줘도 됨
'개발일지 > JavaScript + jquery' 카테고리의 다른 글
| 자바스크립트 정리 및 예제들 (0) | 2021.11.03 |
|---|---|
| [jquery] animate 기능 움직이다가 멈추기 alert (복습) (0) | 2021.09.14 |
| [jquery] 변수명을 설정해서 쉽게 부르기(feat.alert) (0) | 2021.09.14 |
| [jquery] each() 명령어 (0) | 2021.09.13 |
| JavaScript를 Jquery로 바꾸기 예제 (0) | 2021.09.13 |
