본문 바로가기
프로그래밍

input radio 기본 값 외에 추가적인 값 설정하기

by 이음코드 2025. 3. 4.
반응형
<input type="radio" name="Opt1" value="1" 
           data-extra-value="customValue"/>

 

  • data-extra-value="customValue" 속성을 사용하면 추가 데이터를 설정할 수 있습니다.
  • JavaScript/jQuery에서 .data('extra-value')로 값을 가져올 수 있습니다.

 

// JavaScript로 추가 값 가져오기
const extraValue = document.querySelector('input[name="Opt1"]:checked').getAttribute('data-extra-value');
console.log('추가 값:', extraValue); // 출력: customValue
반응형