>웹 프론트엔드 >JS 튜토리얼 >Jquery CheckBox js 확인란을 사용하여 모든 메소드 코드 선택 모든 역방향 code_jquery 선택

Jquery CheckBox js 확인란을 사용하여 모든 메소드 코드 선택 모든 역방향 code_jquery 선택

WBOY
WBOY원래의
2016-05-16 18:25:321017검색
jquery 메소드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

function CheckAll (val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
}); >$("#chkAll ").attr("checked", val);//모두 선택 버튼 상태 설정
}

val 이 매개변수는 선택 항목의 선택 상태를 전달합니다. -all 버튼
name= 'chkJob'은 목록에 있는 확인란의 이름입니다.
chkAll은 모두 선택 버튼의 이름입니다.
Jquery의 단순성과 명확성이 마음에 듭니다...
거기 JavaScript로 작성하는 것과 비교하면 정말 격차가 있습니다!
예:

javascript 모두 선택 및 역선택 코드
코드 복사 코드는 다음과 같습니다. 다음과 같습니다:
//모두 선택
function checkall() {
var all = document.getElementsByTagName("input")
for (var i = 0; i < all.length ; i ) {
if (all[i].type == "checkbox") {
all[i].checked = true; }
/ /역선택
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i ) {
if ( all[i].type == "checkbox") {
all[i].checked = false
}
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.