เมื่อเราทำงานในโครงการเรามักจะพบกับสถานการณ์ที่เราจำเป็นต้องใช้การเลือกทั้งหมดการเลือกย้อนกลับและการกำหนดช่องทำเครื่องหมาย มีตัวอย่างมากมายบนอินเทอร์เน็ต ที่นี่ฉันแบ่งปันวิธีการที่ฉันใช้กับคุณและฉันแนะนำให้คุณ
การคัดลอกรหัสมีดังนี้:
// ค่า js อยู่ในอาร์เรย์
array.prototype.in_array = function (e) {
สำหรับ (i = 0; i <this.length; i ++) {
ถ้า (นี่ [i] == e)
กลับมาจริง;
-
กลับเท็จ;
-
// ดัชนีอาร์เรย์ JS
array.prototype.find_str = ฟังก์ชั่น (สตริง) {
var str = this.oin ("");
return str.indexof (String);
-
var houseids = new Array ();
$ ("#chebox-list-all") คลิก (function () {
if ($ ("#chebox-list-all"). attr ("ตรวจสอบ")) {
$ ("[name = 'ช่องทำเครื่องหมาย']"). attr ("ตรวจสอบ", 'true'); // เลือกทั้งหมดเพื่อเพิ่ม ID
var ids = document.getElementsByName ('ช่องทำเครื่องหมาย');
var value = new Array ();
สำหรับ (var i = 0; i <ids.length; i ++) {
ถ้า (ids [i]. ตรวจสอบ)
houseids.push (ids [i] .value);
-
การแจ้งเตือน (houseids);
}อื่น{
$ ("[name = 'ช่องทำเครื่องหมาย']"). RemoveAtTR ("ตรวจสอบ"); // ยกเลิกการเลือกเพื่อลบ IDS
houseids = [];
การแจ้งเตือน (houseids);
-
-
// ตัวเลือกเดียวในการเพิ่ม ID
ตรวจสอบฟังก์ชั่น (obj) {
ถ้า (! houseids.in_array (obj.value)) {
houseids.push (obj.value);
การแจ้งเตือน (houseids);
}อื่น{
ดัชนี var = houseids.find_str (obj.value);
houseids.splice (ดัชนี, 1)
การแจ้งเตือน (houseids);
-
-
ข้างต้นคือรหัสทั้งหมดของตัวอย่างนี้ ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้การใช้ JavaScript เพื่อควบคุมช่องทำเครื่องหมาย