IT/jquery_javascript

jquery input radio, checkbox

당양부부34 2014. 10. 6. 15:17

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");

            });

        });