[상용 jQuery 코드 세그먼트] checkbox 전체 선택/역선택

1096 단어 jquery
html 구조:
html  
    
    
  •  1
    • 
    
  •  2
    • 
    
  •  3
    • 
    
  •  4
    • 
    
  •  5
    •

jQuery 코드:
jQuery$(function() {
    $("#clickAll").click(function() {
        if ($("#clickAll").prop("checked")) {
            $("input[name='user_active_col[]']").each(function() {
                $(this).prop("checked", true);
            });
        } else {
            $("input[name='user_active_col[]']").each(function() {
                $(this).prop("checked", false);
            });
        }
    });
});

demo
참고: jQuery 1.6 이후에attr 대신 prop을 사용합니다.
onload와ready 비교
Vue.js와 Jquery의 비교

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage