Get checked checkbox jQuery – Cách kiểm tra hộp kiểm có được chọn hay không bằng jQuery

Sử dụng phương pháp & bộ chọn jQueryprop():checked

Phần sau đây mô tả cách theo dõi trạng thái của hộp kiểm (Get checked checkbox jQuery) cho dù nó có được chọn hay không sử dụng phương pháp jQuery cũng như bộ chọn.prop():checked

Sử dụng phương pháp jQueryprop()

Phương pháp jQuery cung cấp một cách đơn giản, hiệu quả và đáng tin cậy để theo dõi trạng thái hiện tại của hộp kiểm. Nó hoạt động khá tốt trong mọi điều kiện vì mọi hộp kiểm đều có một thuộc tính được kiểm tra chỉ định trạng thái được chọn hoặc bỏ chọn .prop()

Đừng hiểu lầm nó với thuộc tính. Thuộc tính chỉ xác định trạng thái ban đầu của hộp kiểm và không xác định trạng thái hiện tại. Hãy xem nó hoạt động như thế nào: checked checked

<script>
    $(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            if($(this).prop("checked") == true){
                console.log("Checkbox is checked.");
            }
            else if($(this).prop("checked") == false){
                console.log("Checkbox is unchecked.");
            }
        });
    });
</script>

Sử dụng bộ chọn jQuery:checked

Bạn cũng có thể sử dụng bộ chọn jQuery để kiểm tra trạng thái của hộp kiểm. Bộ chọn được thiết kế đặc biệt cho nút radio và hộp kiểm.:checked :checked

Chúng ta hãy xem ví dụ sau đây để hiểu cách thức hoạt động về cơ bản của nó:

<script>
    $(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            if($(this).is(":checked")){
                console.log("Checkbox is checked.");
            }
            else if($(this).is(":not(:checked)")){
                console.log("Checkbox is unchecked.");
            }
        });
    });
</script>


Bài viết này có hữu ích không?
Không

Bài viết liên quan

Từ khoá tìm kiếm

Google dịch | Zavi | Photoshop Online | Youtube Vanced | Ccleaner | CCNA | Slidesgo | Minecraft | Zalo | CSDL | Python | API | Wordpress | Drupal | Ruby | AngularJS | Công thức lượng giác | Realtek HD Audio Manager | Giảm dung lượng ảnh | Phần mềm chỉnh sửa video | Software Engineer | Visual Studio Code | Phím tắt Game Euro Truck Simulator 2 | Phần mềm AI | Phần mềm chuyển PDF sang Word | Phần mềm chỉnh sửa Video | Zoom | Backend Developer | PHP | Centos | Sách lập trình Java | CUBET | Cisco Packet Tracer | Teamviewer | Foxit Reader | Quillbot | DLMixcloud | Removebg | SaveFrom | APKPure | Clash of Clans APK | Android Auto APK | Youtube Vanced APK | TapTap APK | APKPure APK

Đã thêm item vào giỏ hàng.
0 item - 0