18
ช่องทำเครื่องหมาย jQuery เปลี่ยนแล้วคลิกเหตุการณ์
$(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="checkbox1"/><br /> <input type="text" id="textbox1"/> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ที่นี่.change()อัพเดตค่าช่องข้อความด้วยสถานะช่องทำเครื่องหมาย ฉันใช้.click()เพื่อยืนยันการกระทำที่ไม่เลือก หากผู้ใช้เลือกยกเลิกเครื่องหมายถูกจะคืนค่า แต่.change()ไฟก่อนที่จะยืนยัน สิ่งนี้จะทำให้สิ่งต่าง ๆ อยู่ในสถานะที่ไม่สอดคล้องกันและกล่องข้อความบอกว่าเป็นเท็จเมื่อมีการทำเครื่องหมายที่ช่องทำเครื่องหมาย ฉันจะจัดการกับการยกเลิกและรักษาค่าของกล่องข้อความให้สอดคล้องกับสถานะการตรวจสอบได้อย่างไร