สอบถามเกี่ยวกับการ กด 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 06-09-2020 17:02:15

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

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

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

ตัวอย่าง DEMO

ninenik 06-09-2020

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน