อิชค์
คุณสมบัติ:
1. ประสิทธิภาพเดียวกันนั้นดำเนินการบนเบราว์เซอร์ที่แตกต่างกัน (รวมถึง IE6+) และอุปกรณ์ - รวมถึงเดสก์ท็อปและอุปกรณ์มือถือ
2. อุปกรณ์สัมผัสอุปกรณ์สัมผัส - iOS, Android, BlackBerry, Windows Phone และระบบอื่น ๆ
4. การปรับแต่งที่สะดวก - ใช้ HTML และ CSS เพื่อจัดสไตล์ (สกินหลายชุด)
5. ขนาดเล็ก - เพียง 1 kb หลังจากการบีบอัด GZIP
6. 25 พารามิเตอร์ใช้ในการปรับแต่งช่องทำเครื่องหมายและปุ่มตัวเลือก
7. 8 เหตุการณ์การโทรกลับใช้เพื่อฟังสถานะของกล่องอินพุต
8. 7 วิธีใช้ในการควบคุมสถานะของกล่องอินพุตโดยทางโปรแกรมโดยทางโปรแกรม
9. สามารถซิงโครไนซ์การเปลี่ยนแปลงสถานะของกล่องอินพุตกลับไปยังกล่องอินพุตดั้งเดิมรองรับตัวเลือกทั้งหมด
วิธีใช้:
$ ('อินพุต'). icheck ('ตรวจสอบ'); // ตั้งค่าสถานะของกล่องอินพุตเพื่อตรวจสอบ
$ ('อินพุต'). icheck ('ยกเลิกการเลือก'); // ลบสถานะตรวจสอบ
$ ('อินพุต'). icheck ('สลับ'); // สลับสถานะตรวจสอบ
$ ('อินพุต'). icheck ('ปิดใช้งาน'); // ตั้งค่าสถานะของกล่องอินพุตเป็นปิดใช้งาน
$ ('อินพุต'). icheck ('เปิดใช้งาน'); // ลบสถานะปิดใช้งาน
$ ('อินพุต'). icheck ('อัปเดต'); // ใช้การเปลี่ยนแปลงอินพุตซึ่งทำนอกปลั๊กอิน
$ ('อินพุต'). icheck ('ทำลาย'); // ลบสไตล์ icheck
เมื่อเรียก iccheck คุณจะต้องแสดงรายการพารามิเตอร์ที่แก้ไขค่าเริ่มต้น:
// วิธีการใช้งานขั้นพื้นฐาน $ ('อินพุต'). icheck ({labelhover: เท็จ, เคอร์เซอร์: จริง, checkboxclass: 'icheckbox_square-blue', radioclass: 'iradio_square-blue', uperearea: '20%'});นี่คือรายการพารามิเตอร์และค่าเริ่มต้น:
{handle: '', checkboxclass: 'icheckbox', radioclass: 'iradio', checkedclass: 'ตรวจสอบ', checkedCheckBoxClass: '', CheckedRadioclass: '', UncheckedCheckBoxClass: '' '', disabledCheckBoxClass: '', disabledCheckBoxClass: '', enabledCheckBoxClass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: ' '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: ' ActivEclass: 'active', labelhover: true, labelhoverclass: 'hover', uperiesearea: '', เคอร์เซอร์: false, มรดก: เท็จ, มรดก: เท็จ, แทรก: ''}เราสามารถรีเซ็ตสไตล์เป็นคลาสใดก็ได้ที่ระบุไว้ข้างต้น
ผิว
สีดำ - ขั้นต่ำ css // สีดำ
สีแดง - red.css // สีแดง
สีเขียว - Green.css // สีเขียว
สีน้ำเงิน - blue.css // blue
aero - aero.css // เอฟเฟกต์แก้วใน win7
สีเทา - grey.css // สีเทาเงิน
สีส้ม - สีส้ม css // สีส้ม
สีเหลือง - สีเหลือง. css // สีเหลือง
Pink - Pink.css // Pink
สีม่วง - สีม่วง css // สีม่วง
(โปรดดาวน์โหลด Skin Packs เหล่านี้ด้วยตัวเอง)
การเริ่มต้น
ก่อนอื่นแนะนำไฟล์ไลบรารี jQuery
ประการที่สองแนะนำไฟล์ปลั๊กอิน jQuery.Check.js
(หากคุณต้องการแนะนำสกินที่เกี่ยวข้องคุณต้องแนะนำ: ไฟล์ธีมที่เกี่ยวข้องไฟล์ CSS)
เหตุการณ์การโทรกลับ
ICHECK รองรับตัวเลือกทั้งหมดและใช้งานได้สำหรับช่องทำเครื่องหมายและปุ่มตัวเลือก
ICHECK จัดเตรียมเหตุการณ์การโทรกลับจำนวนมากซึ่งทั้งหมดสามารถใช้ฟังเหตุการณ์การเปลี่ยนแปลงได้
ใช้วิธี ON () เพื่อผูกเหตุการณ์:
$ ('input'). on ('ifchecked', ฟังก์ชั่น (เหตุการณ์) {// เหตุการณ์ ifcreated ควรถูกผูกไว้กับการแจ้งเตือน (event.type + 'callback');}); ขนาดของวิทยุและช่องทำเครื่องหมายใน bootstrap iccheck สามารถปรับขนาดได้หรือไม่? .ICHECKBOX_SQUARE-BLUE, .IRADIO_SQUARE-BLUE {DISPLAY: Block; มาร์จิ้น: 0; Padding: 0; ความกว้าง: 22px; ความสูง: 22px; ความเป็นมา: URL (blue.png) ไม่ทำซ้ำ; ชายแดน: ไม่มี; เคอร์เซอร์: ตัวชี้; -หากคุณต้องการปรับรูปแบบวิทยุหรือช่องทำเครื่องหมายของ ICHECK ให้ปรับเปลี่ยนความกว้างและความสูงผ่าน CSS ด้านบนและในเวลาเดียวกันจะปรับเปลี่ยนขนาดที่สอดคล้องกันของภาพ Blue.png
มาดูกันว่าจะได้รับคุณค่าของวิทยุ
สำหรับชุดวิทยุต่อไปนี้คุณจะได้รับค่า 1 หรือ 0 เมื่อใช้ icheck ได้อย่างไร
ด้านบนเป็นช่องทำเครื่องหมายปลั๊กอิน ICHECK และวิทยุของ bootstrap ที่ตัวแก้ไขแนะนำให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!