Sangil's blog

https://github.com/ChoiSangIl Admin

[JQUERY] INPUT에 VALUE값 여러개 주기 DEV / WEB

2018-11-20 posted by sang12


간혹 작업 중에 INPUT 태그에 여러개의 VALUE값을 주어야 할 때가 있습니다.

긴말하지 않고 예를 보겠습니다

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <title>test</title>
 </head>
 <body>

 <input type="hidden" name="testInput" value1="test1" value2="test1"/>
 <input type="hidden" name="testInput" value1="test2" value2="test2"/>

 </body>
</html>

<script type="text/javascript">

$(document).ready(function() {
   $("input[name=testInput]").each(function(index, item){
       alert($(item).attr("value1") + ", " + $(item).attr("value2"));
   });
});
</script>

위와 같이 input값을 여러개를 주고 싶을 경우 attr을 이용하여 가져 올 수 있습니다.

#input 다중 value #value값 여러개 #jquery attr