สอบถามเกี่ยวกับการ กด checkbox เเล้วเปลี่ยน display:none หรือ block

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเกี่ยวกับการ กด checkbox เเล้วเปลี่ยน display:none หรือ block

สอบถามเกี่ยวกับการ กด checkbox เเล้วเปลี่ยน display:none หรือ block
ตาม code ข้างล่าง จะเป็นตัว script ที่ใช้เมื่อมีการกด checkbox เเล้ให้เเสดงค่า div id ที่ได้มีการเซทไว้ มีค่าเป็น display: none เเต่เมื่อกดปิด checkbox ไป ค่ายังคงเป็นค่าเดิม คือ display:none ต้องเขียนอย่างไรได้บ้างครับเพื่อให้เมื่อเรากดปิด checkbox เเล้วให้ค่า div id เป็น display:block

$(document).ready(function () {
        var boxes = $(' input[type=checkbox]').on('change', function () {
            var flag = boxes.filter(':checked').length > 0;

            $('#find-cars').hide(flag);
        });
    });


Antinew007 171.7.238.xxx 06-09-2020 17:02:15

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ใช้ state หรือสถานะของ checked property กำหนดการซ่อนหรือแสดง
อองโค้ดด้านล่างเป็นแนวทาง

$(function(){
  $(".mychk").on("change",function(){
    var chkState = $(this).prop("checked");
    if(chkState){

    }else{

    }
  });
});

ตัวอย่าง DEMO

ninenik 27.55.69.xxx 06-09-2020






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ