รหัสการใช้งานสำหรับการ จำกัด ช่องทำเครื่องหมายที่เลือกสูงสุด

ในเว็บไซต์สรรหาโดย จำกัด จำนวนแท็กงานที่เลือกโดยผู้ใช้คุณสามารถค้นหาตำแหน่งของผู้ใช้ได้อย่างถูกต้อง ตัวอย่างเช่นผู้ใช้ได้รับแท็กตำแหน่งทางเลือกในรูปแบบของช่องทำเครื่องหมาย จำกัด ผู้ใช้จากการเลือกสูงสุด 3 และห้ามมิให้ผู้ใช้เลือกต่อไปเมื่อมีมากกว่าสาม

มีการใช้กล่องกาเครื่องหมายในแบบสอบถามแบบสอบถามและเว็บไซต์จัดหางานมีการใช้กันอย่างแพร่หลาย วันนี้ขอแนะนำวิธี จำกัด จำนวนตัวเลือกที่จะเลือกมากที่สุด:

แนวคิด:

ฟังเหตุการณ์ onclick ของช่องทำเครื่องหมาย

 Cuptbox.onclick = function () {// code block}

ฟังคุณสมบัติการตรวจสอบของช่องทำเครื่องหมาย:

 if (chckbox.checked) {// code block}

รหัส HTML:

 <อินพุต type = "ช่องทำเครื่องหมาย" name = "Sport" /> Basketball <br /> <input type = "ช่องทำเครื่องหมาย" name = "Sport" /> ฟุตบอล <br /> <อินพุต type = "ช่องทำเครื่องหมาย" name = "Sport" /> volleyball <br /> <อินพุต type = "copbox" name = "sport" /> badminton < รายการ </p>

รหัส JavaScript:

 var SportSelect = document.getElementsByName ('Sport'), MaxNums = 3; สำหรับ (var i ใน SportSelect) {SportSelect [i] onclick = function () {var _sportselect = document.getElementsByName ('Sport'), cnums = 0; สำหรับ (var i ใน _sportselect) {ถ้า (i == 'ความยาว') แตก; if (_sportselect [i]. ตรวจสอบ) {cnums ++; }} if (cnums> maxnums) {this.checked = false; การแจ้งเตือน ('สามารถเลือกสามรายการได้มากที่สุด'); -

รหัสการใช้งานสำหรับรายการที่เลือกมากที่สุดในช่องทำเครื่องหมายที่ จำกัด ข้างต้นคือเนื้อหาทั้งหมดที่ฉันได้แชร์กับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น