2014. 10. 6. 15:17 IT/jquery_javascript
jquery input radio, checkbox
1.선택된 라이오 버튼 값 가져오기
$("input[name='name']:checked").val();
2.라디오 버튼 강제 선택
$("input[name='name']:radio[value='val']").attr('checked',true);
3.라디오 버튼 선택 유무 판단
if( $("input[name='name']:checked").length==0){
alert("선택 안됌");
return false;
}
4. IE 혹은 크롬에서 checked="checked" 모두 정상 동작하기 위해서는
// Check
document.getElementById("checkbox").checked = true;
// Uncheck
document.getElementById("checkbox").checked = false;
jQuery (1.6+):
// Check
$("#checkbox").prop("checked", true);
// Uncheck
$("#checkbox").prop("checked", false);
$("#checkbox").attr("checked", true); 이건...크롬만 된다...IE 는 안됨...
5. checkbox 체크된 갯수 찾기
$("input[name='name']:checked").length
6. 체크박스 전체 체크/해제
$('input:checkbox[name="chk_all"]').click(function () {
var upper_this;
upper_this = $(this)
$('input:checkbox[name="chk_indicator"]').each(function () {
this.checked = upper_this.is(":checked");
});
});
'IT > jquery_javascript' 카테고리의 다른 글
jQuery API 정복 - 자식 요소들 찾기, children(), find() (0) | 2014.10.10 |
---|---|
jquery 노드(node) (0) | 2014.10.07 |
동적 생성 객체 이벤트 할당 (0) | 2014.08.05 |
jquery 테이블 높이 구하기. Table height 구하기. (0) | 2014.07.31 |
javascript 금액을 한글로 표시하기. (0) | 2014.07.31 |