프로젝트 작업을 수행 할 때는 종종 모든 선택, 리버스 선택 및 확인란 할당을 구현 해야하는 상황을 종종 만나게됩니다. 인터넷에는 많은 예가 있습니다. 여기서는 내가 사용하는 방법을 공유하며 귀하에게 추천합니다.
코드 사본은 다음과 같습니다.
// js 값은 배열에 있습니다
Array.prototype.in_array = function (e) {
for (i = 0; i <this.length; i ++) {
if (this [i] == e)
진실을 반환하십시오.
}
거짓을 반환합니다.
}
// JS 배열 인덱스
Array.prototype.find_str = function (String) {
var str = this.join ( "");
return str.indexof (String);
}
var houseids = new Array ();
$ ( "#chebox-list-all"). 클릭 (function () {
if ($ ( "#chebox-list-all"). attr ( "checked")) {
$ ( "[name = 'checkboxes']"). attr ( "checked", 'true'); // id를 추가하려면 모두를 선택합니다
var ids = document.getElementsByName ( 'checkboxes');
var value = new Array ();
for (var i = 0; i <ids.length; 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 (색인, 1)
경고 (HouseIds);
}
}
위는이 예제의 전체 코드입니다. 모든 사람이 JavaScript를 사용하여 CheckBox를 제어하는 법을 배우는 것이 도움이되기를 바랍니다.