Javascript는 전체 선택, 역선택 및 checkBox_javascript 기술 할당을 구현합니다.

우리는 일반적으로 프로젝트를 진행하다 보면 checkBox의 전체 선택, 역선택, 할당을 구현해야 하는 상황에 자주 직면하게 됩니다. 여기에서는 제가 자주 사용하는 방법과 권장 사항을 공유해 드리겠습니다. 모두에게요.

코드 복사 코드는 다음과 같습니다.

//js 값이 배열에 있는지 여부
Array.prototype.in_array = 함수(e){
​(i=0;i 　　if(this[i] == e)
　　　return true;
}
false를 반환합니다.
}
//js 배열 인덱스
Array.prototype.find_str=function(string){
var str = this.join("");
​return str.indexOf(string);
}
var houseIds=new Array();
$("#chebox-list-all").click(function(){
​if($("#chebox-list-all").attr("checked")){
　　$("[name='checkboxes']").attr("checked",'true');//모두 선택하고 ID 추가
　　var ids = document.getElementsByName('checkboxes');
　　var 값 = new Array();
　　for(var i = 0; i 　　if(ids[i].checked)
　　　houseIds.push(ids[i].value);
　　}
경고(houseIds);
}그밖에{
　　$("[name='checkboxes']").removeAttr("checked");//역선택 ID 삭제
　　houseIds=[];
경고(houseIds);
}
})
//단일 선택에 ID 추가
기능 검사(obj){
​if(!houseIds.in_array(obj.value)){
houseIds.push(obj.value);
경고(houseIds);
}그밖에{
　　var index=houseIds.find_str(obj.value);
houseIds.splice(index, 1)
경고(houseIds);
}
}

위는 이 예제의 전체 코드입니다. 체크박스를 제어하기 위해 자바스크립트를 사용하는 방법을 배우는 것이 모든 사람에게 도움이 되기를 바랍니다.