Spring Boot Tutorial

How to Check whether a Checkbox is Checked in jQuery?

Last Updated : 20 Nov, 2024

We can use prop() and is() methods to check whether a checkbox is checked in jQuery. A checkbox is a user interface element that allows users to select or deselect an option.

1. Using prop() Method

This prop() method provides a simple way to track down the status of checkboxes. It works well in every condition because every checkbox has checked property which specifies its checked or unchecked status.

Syntax

$(selector).prop(parameter)

html

<!DOCTYPE html>
<html lang="en">

<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>

<body>
    <input type="checkbox" name="radio1" />

    <button style="margin-top:10px" id="but" type="submit">
        Submit
    </button>

    <script>
        $(document).ready(function () {
            $("#but").click(function () {
                if ($("input[type=checkbox]").prop("checked")) {
                    alert("Check box is Checked");
                } else {
                    alert("Check box is Unchecked");
                }
            });
        });
    </script>
</body>

</html>

Output

2. Using jQuery is() Method

In this approach we are using the is() method of jQuery. That methods check if the given element consist of the given situation and returns the output according to it. This method is also very simple and easy to use. By using this we can easily find whether a checked box is checked or not.

Syntax

$(selector).is(parameter)

html

<!DOCTYPE html>
<html lang="en">

<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>

<body>
    <input type="checkbox" name="radio1" />
    <button id="but" type="submit">
        Submit
    </button>

    <script>
        $(document).ready(function () {
            $("#but").click(function () {
                if ($("input[type=checkbox]").is(
                    ":checked")) {
                    alert("Check box in Checked");
                } else {
                    alert("Check box is Unchecked");
                }
            });
        });
    </script>
</body>

</html>

Output

Spring Boot Tutorial

S

Sruti Rai

Improve

Article Tags :

Similar Reads

Non-linear Components

In electrical circuits, Non-linear Components are electronic devices that need an external power source to operate actively. Non-Linear Components are those that are changed with respect to the voltage and current. Elements that do not follow ohm's law are called Non-linear Components. Non-linear Co

JavaScript Tutorial

JavaScript is a programming language used to create dynamic content for websites. It is a lightweight, cross-platform, and single-threaded programming language. JavaScript is an interpreted language that executes code line by line providing more flexibility. HTML adds Structure to a web page, CSS st

Web Development

Web development is the process of creating, building, and maintaining websites and web applications. It involves everything from web design to programming and database management. Web development is generally divided into three core areas: Frontend Development, Backend Development, and Full Stack De

Class Diagram | Unified Modeling Language (UML)

A UML class diagram is a visual tool that represents the structure of a system by showing its classes, attributes, methods, and the relationships between them. It helps everyone involved in a projectâ€”like developers and designersâ€”understand how the system is organized and how its components interact

Spring Boot Tutorial

Spring Boot is a Java framework that makes it easier to create and run Java applications. It simplifies the configuration and setup process, allowing developers to focus more on writing code for their applications. This Spring Boot Tutorial is a comprehensive guide that covers both basic and advance

React Interview Questions and Answers

React is an efficient, flexible, and open-source JavaScript library that allows developers to create simple, fast, and scalable web applications. Jordan Walke, a software engineer who was working for Facebook created React. Developers with a Javascript background can easily develop web applications

HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. It tells the web browser how to display text, links, images, and other forms of multimedia on a webpage. HTML sets up the basic structure of a website, and then CSS and JavaScript

Backpropagation in Neural Network

Backpropagation is also known as "Backward Propagation of Errors" and it is a method used to train neural network . Its goal is to reduce the difference between the modelâ€™s predicted output and the actual output by adjusting the weights and biases in the network. In this article we will explore what

JavaScript Interview Questions and Answers

JavaScript (JS)Â is the most popular lightweight, scripting, and interpreted programming language. JavaScript is well-known as a scripting language forÂ web pages, mobile apps, web servers, and many other platforms. It is essential for bothÂ front-endÂ andÂ back-end developersÂ to have a strong command of

AVL Tree Data Structure

An AVL tree defined as a self-balancing Binary Search Tree (BST) where the difference between heights of left and right subtrees for any node cannot be more than one. The absolute difference between the heights of the left subtree and the right subtree for any node is known as the balance factor of