How to Allow Only One Checkbox Checked at a Time in JQuery?

By Hardik Savani January 28, 2023 Category : Javascript HTML jQuery

If you need to select one checkbox at a time in multiple checkbox, i mean you want to allow anly one checkbox user can check then you can do easily using jquery. jquery prop() through you can give attribute value checked equel to true or false.

if you have banch of checkbox like as example, and if you want to check checkbox at time one by using jquery then you can use this code. In following example use for you to do select at a time one.

Example:

Read Also: How to Remove Special Characters from a String in JQuery?
<html>
<head>
    <title>Select only one checkbox at time</title>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
  
<form>
    <input value="1" name="subject" class="subject-list" type="checkbox">Subject 1  
    <input value="2" name="subject" class="subject-list" type="checkbox">Subject 2  
    <input value="3" name="subject" class="subject-list" type="checkbox">Subject 3  
    <input value="4" name="subject" class="subject-list" type="checkbox">Subject 4  
    <input value="5" name="subject" class="subject-list" type="checkbox">Subject 5  
</form>
  
<script type="text/javascript">
    $('.subject-list').on('change', function() {
        $('.subject-list').not(this).prop('checked', false);  
    });
</script>
  
</body>
</html>

I hope it can help you...

Tags :
Previous

How to Count Number of Files in a Directory in PHP?
Next

How to Get Last Inserted Id in Laravel?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares