반응형
input box data 값 삽입 및 불러오기
1. input box
input box에 data 속성을 아래와 같이 주고 활용이 가능하다.
다만 대문자로 지정하여도 소문자로 인식돼서 소문자로 지정해놓는 게 헷갈리지 않을 수 있다.
ex ) data-[문자열지정] -> data-usernm
<input type="radio" name="chkObject" value="${vo.respUserNo }" data-usernm="${vo.respUserNm}" data-handpno="01099999999" />
2. script
var userNm = $('#chkObject').data('usernm');
var handpNo = $('#chkObject').data('handpno');
var data = {
'userNm' : userNm,
'handpNo' : handpNo
};
// 출력 개발자도구로 확인
console.log(data);
반응형
'웹프로그래밍 > Javascript|JQuery|Jsp' 카테고리의 다른 글
javascript null, 공백, 빈값 체크 (0) | 2021.11.25 |
---|---|
jquery, javascript append list 추가 (0) | 2021.11.25 |
jquery 부모창 값 넘기기, 이벤트 실행 간단한 예제 (0) | 2021.11.18 |
javascrpt 연령체크, 미성년자, 성인 (0) | 2021.11.16 |
javascript form 생성 및 전송(ajax) (0) | 2021.11.16 |