Browsed by
[Tag:] checkbox

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

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

제목이 의도치 않게 좀 어렵게 정해졌네요. 짧게 쓰려다 보니.. 풀이하자면 이렇습니다. 보통 체크박스는 하나만 둘 수 있지만 라디오버튼은 보통 한 필드에 여러개를 사용하죠. 이를테면 성별 필드에서 남자/여자 를 선택할 때를 대표적인 예로 들 수 있습니다. 여기서 그럼 아래와 같이 html 이 코딩되어 있다고 가정하겠습니다. <label><input type=”radio” name=”gender” class=”field_gender” value=”1″ /> 남자</label> <label><input type=”radio” name=”gender” class=”field_gender” value=”2″ /> 여자</label> 여기서 jquery를 이용해 남자 또는 여자를 체크하고 싶습니다. 어떻게 해야할까요? 보통 여기서 쉽게 해결하기 위해 각각의 id를 부여하겠죠. 하지만 좀 더 지능적인…

Read More Read More

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

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

jQuery에서 엘리먼트의 속성을 동적으로 변경시키기 위해 .attr 메서드를 흔히 사용합니다. 폼 요소에서도 checkbox나 radio에 체크값에 변경을 주기 위해 .attr 메서드에 checked 값을 넣었지만 동작하지 않았습니다. jQuery 1.6 버전부터 .attr 메서드의 기존 역할은 .attr과 .prop로 나뉘어지게 되었다는걸 알았습니다. .attr과 .prop 메서드의 차이는 간단합니다. html 어트리뷰트와 javascript의 속성을 컨트롤하는 차이입니다. 체크박스나 라디오버튼은 html 어트리뷰트를 변경해도 변화가 없음을 확인 할 수 있습니다. .attr로 체크값을 변경해도 화면에서는 변동이 없고 코드상에서만 변동이 있었습니다. 이런 증상이 있다면 .attr 메소드를 .prop 메소드로 변경해야 될겁니다. // 변경 전…

Read More Read More