웹프로그래밍/javascript&jquery&css

[Javascript/Jquery]input태그의 name속성값이 배열([])일 때 value값 가져오기

하요_ 2019. 3. 28. 08:45

아래와 같이 html에서 input태그의 name속성값을 배열로 주었을 때 script에서 javascript, jquery로 value값을 가져오는 방법입니다.


1
2
3
4
5
6
<form name="Aform">
        <input type="text" name="abc[]" value="a"/>
        <input type="text" name="abc[]" value="b"/>
        <input type="text" name="abc[]" value="c"/>
</form>
 
cs



1
2
3
4
5
<script type="text/javascript">
var aaa = document.getElementsByName("abc[]")[0].value; //javascritp getElementsByName 사용 시
var bbb = document.Aform["abc[]"][1].value; //javascript form 으로 접근
var ccc = $('input[name="abc[]"]')[2].value; //jquery name으로 접근
</script>
cs


위와같이 작성했을 때 aaa의 값은 "a", bbb의 값은 "b", ccc의 값은 "c" 입니다.