[jQuery] 선택된 radio 버튼 값 가져오는 방법

알고보면 간단하지만 막상 사용할땐 기억이 나지않아 다시 검색하게 만드는 녀석입니다. 현재 선택된 radio 버튼의 값을 가져와 처리하는 경우가 자주 있습니다. 이때 값을 받아오는 방법을 소개해드립니다.

위에서 대충 보셔도 아시겠지만 console.log에는 2가 찍히게 됩니다. 여기서 가장 중요한 부분은 셀렉터 뒤에 붙는 :checked 입니다.다. 저는 붕어라서 자꾸 잊어버리네요..

[jQuery] 같은 이름의 class 가진 checkbox나 radio 체크 방법

제목이 의도치 않게 좀 어렵게 정해졌네요. 짧게 쓰려다 보니.. 풀이하자면 이렇습니다. 보통 체크박스는 하나만 둘 수 있지만 라디오버튼은 보통 한 필드에 여러개를 사용하죠. 이를테면 성별 필드에서 남자/여자 를 선택할 때를 대표적인 예로 들 수 있습니다. 여기서 그럼 아래와 같이 html 이 코딩되어 있다고 가정하겠습니다.

여기서 jquery를 이용해 남자 또는 여자를 체크하고 싶습니다. 어떻게 해야할까요?Continue reading “[jQuery] 같은 이름의 class 가진 checkbox나 radio 체크 방법”

[jQuery] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이)

jQuery에서 엘리먼트의 속성을 동적으로 변경시키기 위해 .attr 메서드를 흔히 사용합니다. 폼 요소에서도 checkbox나 radio에 체크값에 변경을 주기 위해 .attr 메서드에 checked 값을 넣었지만 동작하지 않았습니다. jQuery 1.6 버전부터 .attr 메서드의 기존 역할은 .attr과 .prop로 나뉘어지게 되었다는걸 알았습니다. .attr과 .prop 메서드의 차이는 간단합니다. html 어트리뷰트와 javascript의 속성을 컨트롤하는 차이입니다. 체크박스나 라디오버튼은 html 어트리뷰트를 변경해도 변화가 없음을Continue reading “[jQuery] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이)”