jQuery 필터 선택자
페이지 정보
본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery</title>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
<script>
function result(){
$(document).ready(function(){
var a = $('input[type="text"]').val();
var b = $('input[type="password"]').val();
var c = $('input[type="radio"]').val();
var cc = $('input[name="m_gender"]:checked').val(); //checked
var d = $('input[type="number"]').val();
var e = $('input[type="checkbox"]').val();
var ee = $('input[id="m_hobby"]:checked').val(); //checked
var f = $('select[id="m_level"]').val();
console.log(a);
console.log(b);
console.log(c);
console.log(cc);
console.log(d);
console.log(e);
console.log(ee);
console.log(f);
});
}
</script>
아이디 : <input type="text" id="m_id" name="m_id" value="1111"><br>
비밀번호 : <input type="password" id="m_pass" value="2222"><br>
성별 : <input type="radio" name="m_gender" value="F" checked>여
<input type="radio" name="m_gender" value="M">남<br>
나이 : <input type="number" id="m_age" value="28"><br>
취미 : <input type="checkbox" id="m_hobby" value="Y">축구<br>
레밸 :
<select id="m_level">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select><br>
<button onclick="result()">확인</button>
</body>
</html>
[실행화면]
테스트를 통해 console 창에서 확인하자
- 이전글jQuery 속성 선택자 21.07.19
- 다음글▲ jQuery 위치 필터 선택자 23.04.02
댓글목록
등록된 댓글이 없습니다.