โฆษณา Google Ads, Google AdMob, โฆษณา AMPHTML โฆษณาวิดีโอ หรือโฆษณาแบบรูปภาพไม่รองรับคอมโพเนนต์นี้
คอมโพเนนต์ช่องทำเครื่องหมายให้คุณเพิ่มช่องทำเครื่องหมายในโครงการได้ ผู้ใช้จะเลือกช่องทำเครื่องหมายได้มากเท่าที่ต้องการ
หากต้องการให้ผู้ใช้เลือกเพียงตัวเลือกเดียวจากกลุ่มตัวเลือก ให้ใช้คอมโพเนนต์ปุ่มตัวเลือกแทน
วิธีใช้คอมโพเนนต์ช่องทำเครื่องหมายในโครงการ
- เปิดแผงคอมโพเนนต์ แล้วเปิดโฟลเดอร์ UI
- ลากคอมโพเนนต์ช่องทำเครื่องหมาย
ไปยังพื้นที่งาน
- คุณอาจต้องการใช้คอมโพเนนต์ป้ายกำกับเพื่อแสดงข้อความข้างช่องทำเครื่องหมาย
- หากต้องการตรวจหาเมื่อช่องทำเครื่องหมายเปลี่ยนแปลงโดยมีการเลือกหรือยกเลิกการเลือก ให้ตั้งค่าเหตุการณ์ นอกจากนี้ คุณยังสร้างการทํางานที่กําหนดเองซึ่งจะเกิดขึ้นต่อเมื่อมีการเลือกช่องทําเครื่องหมายได้ด้วย
ตัวอย่างโค้ดการทํางานที่กําหนดเอง
var confirmation_checkbox = document.getElementById('checkbox_1');
if confirmation_checkbox.checked {
// ดําเนินการเมื่อมีการเลือกช่องทำเครื่องหมายเท่านั้น
...
}
คุณสมบัติ
| พร็อพเพอร์ตี้ | คำอธิบาย |
|---|---|
| ชื่อ | ชื่อคอมโพเนนต์ |
| เลือกแล้ว | เมื่อคุณเลือกคุณสมบัตินี้ ระบบจะเลือกช่องทำเครื่องหมายโดยค่าเริ่มต้น |
| ค่า | ค่าของช่องทำเครื่องหมายนี้เมื่อเลือกไว้ |
เหตุการณ์และการทำงาน
เหตุการณ์ที่ส่งโดยคอมโพเนนต์ช่องทำเครื่องหมายคุณทริกเกอร์การทำงานอื่นๆ โดยอิงตามเหตุการณ์ของคอมโพเนนต์ช่องทำเครื่องหมายได้ดังนี้
| เหตุการณ์ | คำอธิบาย |
|---|---|
| เปลี่ยน | ส่งเมื่อมีการเลือกหรือยกเลิกการเลือกช่องทำเครื่องหมาย |
หากต้องการเลือกเหตุการณ์นี้ในกล่องโต้ตอบเหตุการณ์ ให้ตั้งค่าคอมโพเนนต์ช่องทำเครื่องหมายเป็นเป้าหมาย
ดูวิธีกำหนดค่าเหตุการณ์
แสดงตัวอย่าง
คุณโต้ตอบกับคอมโพเนนต์ UI ภายในอินเทอร์เฟซ Google Web Designer ไม่ได้ ลองแสดงตัวอย่างเอกสารในเบราว์เซอร์ที่ต้องการเพื่อดูการทำงานของคอมโพเนนต์ ลักษณะที่ปรากฏของคอมโพเนนต์ UI อาจแตกต่างกันขึ้นอยู่กับเบราว์เซอร์
