[Javascript] 여러 개의 dom요소 중, :check된 요소가 몇 번째인지 아는 법

 

웹 개발자가 반드시 알고 있어야 하는 필수 기본 코드.

html에 라디오 버튼 여러개 만들고 조작하기 원하시는 분들 있지요.

아래 코드는

내가 체크한 라디오 버튼 요소를 가져다가 사용하고 싶을 때,

또 내가 체크한 라디오 버튼이 같은 name의 라디오 버튼 중 몇 번째 순서에 있는지 알고 싶을 때 사용합니다.

꼭 라디오 버튼이 아니더라도, 같은 class name을 가진 dom요소 들을 조작할 때 등에 사용할 수도 있지요.

/*여러 개의 라디오버튼 중 체크된 요소 추출*/
let $checked_radio = $("input[name=user_radio]:checked");         

/*여러 개의 라디오버튼 중 체크된 요소가 몇 번째인지 추출*/
let $checked_index = $("input[name=user_radio]").index($checked_radio);