2024. 6. 17. 11:25ㆍIT 개발 관련(Java, Spring, JavaScript)
실무를 하다보면 한 <input> 태그를 이용해서 값을 두개 받아야 할 일이 있다.
필자는 체크박스를 선택하면 필요한 값을 두개 받아와서 컨트롤러에서 체크하는 기능이 필요하여 그때 사용하였다.
아래는 기존 app_key값만 체크하던것을 app2_key값을 추가해서 체크하는것만을 예시로 들었다.
<td class="test_ico">
<label><input type="checkbox" name="test_keys" value="$test.app_key}" data-app-key="${test.app2_key}"/><span class="blind"><spring:message code="M0123" text="선택"/></span>
</label>
</td>
1. 자바스크립트를 이용해서 아래처럼 하나의 변수에 값을 두개 가져 올 수 있다.
const appTestid = $("input[name='test_keys']:checked").data('app-key');
2. 다른 방법은 자바스크립트에서 input을 하나 더 만들어서 기존 form에 추가하여 가져올 수도 있다.
const appTestInput = *document*.createElement("input");
appTestInput.type = "hidden";
appTestInput.name = "test_keys";
appTestInput.value = checkedCheckbox.getAttribute('data-app-key');
ListForm(form이름).appendChild(appTestInput);
'IT 개발 관련(Java, Spring, JavaScript)' 카테고리의 다른 글
자바스크립트 map을 활용한 사례 (0) | 2024.06.17 |
---|---|
자바 JSON OBJ 를 toString 하는 과정을 뜯어보자 (0) | 2024.06.17 |
InteliJ 깃 브랜치 커밋 내용 원복 (0) | 2024.06.17 |
mybatis #{}와 ${}의 차이 (0) | 2024.06.17 |
ServletContext 메소드 (0) | 2024.06.16 |