how to create dynamic radio button in jquery

Meet Thakor answered on July 1, 2022 Popularity 5/10 Helpfulness 1/10

answer how to create dynamic radio button in jquery

how to create dynamic radio button in jquery

Comment

<!DOCTYPE html>
<head>
    <title>
        How to check a radio
        button with jQuery?
    </title>
      
    <script src=
        "https://code.jquery.com/jquery-2.2.4.min.js">
    </script>
</head>
  
<body>
    <h1 style="color: green">
        GeeksForGeeks
    </h1>
    <b>jQuery Check/Uncheck Radio Button</b>
    <p>
        <input type="radio" name="option" id="free">
            Free Membership
        <input type="radio" name="option" id="premium">
            Premium Membership
    </p>
      
    <p>
        <button type="button" class="check-free">
            Get Free
        </button>
          
        <button type="button" class="check-premium">
            Get Premium
        </button>
          
        <button type="button" class="reset">
            Reset options
        </button>
    </p>
      
    <script type="text/javascript">
        $(document).ready(function () {
            $(".check-free").click(function () {
                $("#free").attr("checked", true).click();
            });
            $(".check-premium").click(function () {
                $("#premium").attr("checked", true).click();
            });
            $(".reset").click(function () {
                $("#free").attr("checked", false);
                $("#premium").attr("checked", false);
            });
        });
    </script>
</body>
  
</html>

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: dynamic javascript jquery radio-button

Link to this answer
Share Copy Link

Contributed on Jul 01 2022

Meet Thakor

0 Answers Avg Quality 2/10

how to create dynamic radio button in jquery

Contents

More Related Answers

how to create dynamic radio button in jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.