[JQuery] checkbox 값 여러 개 넘겨주기

Yuri Lee·2023년 2월 13일
0

JAVASCRIPT

목록 보기
6/6

checkbox를 선택하면 해당 건에 대한 2개 이상의 파라미터를 이용하여 DB에 저장된 정보를 가져오고 싶을 때 썼던 방법

<form name="listform" method="post">
  <input type="hidden" name="par1">
  <input type="hidden" name="par2">
  
  //리스트 출력부분
  <c:forEach var="data" items="${Listname}" varStatus="status">
  	<input type="checkbox" id="check_table" value='<c:out value="${data.first}"/>, <c:out value="${data.second}"/>'>
  </c:forEach>
</form>

<script type="type/javascript">
  function fnuc(){
  	var form = document.listform;
  	var checkValue = $(#check_table:checked").val(); //check된 건의 값을 변수에 저장
  	var valueArray = checkValue.split(","); // ,를 기준으로 값을 나눠 배열형태로 변수에 다시 저장(split 함수를 이용하면 배열로 저장됨)
  	form.par1.value=valueArray[0];
  	form.par2.value=valueArray[1]; // 배열에 저장된 값을 각각 다른 input name으로 저장해서 전송!
  }
</script>
profile
개발자 이유리

0개의 댓글