고정 헤더 영역
상세 컨텐츠
본문
반응형
html 소스 안에 동일한 name으로 선언된 태그를 가져와 값을 확인하는 소스입니다.
2가지 방식으로 구현 해봤습니다.^^
F12를 눌러 개발자 모드에서 console 확인하세요.
<!doctype html>
<html lang="kr">
<head>
<meta charset="utf-8">
<title>demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready( function() {
$("#type1").click(function(){
var size = $("input[name='test_name']").length;
for(i=0;i<size;i++){
console.log("type1: "+$("input[name='test_name']").eq(i).attr("value"));
}
});
$("#type2").click(function(){
$("input[name='test_name']").each(function (i) {
console.log("type2: "+$("input[name='test_name']").eq(i).val());
});
});
});
</script>
</head>
<body>
<input name="test_name" value="test_1"><br>
<input name="test_name" value="test_2"><br>
<input name="test_name" value="test_3"><br>
<br>
<br>
<button id="type1">type1 (for)</button>
<button id="type2">type2 (each)</button>
</body>
</html>
[결과]
반응형
'JavaScript & HTML' 카테고리의 다른 글
| 프론트 엔드 개발 (0) | 2015.04.22 |
|---|---|
| nodejs (0) | 2015.04.22 |
| jquery 부모, 자식 노드 찾기 (0) | 2015.04.03 |
| javascript prototype (0) | 2015.04.02 |
| 플로팅 이미지 (스크롤 따라다니는 이미지) (0) | 2015.03.23 |
댓글 영역