Checkbox popup and Sound is a small script from jQuery that enables the checkbox to toggle a notification popup and play a sound when selected. Ideal for I Agree on checkboxes, which inform visitors that your terms or legal agreements have been approved.
Must Read: An Object to Control Which Acts as a Checkbox or Radio Items
Checkbox Popup and Sound JQuery Plugin Details
Post Name | Checkbox Popup Sound JS |
Author Name | sheikhsadi |
Category | Form Plugins, Popup Plugins |
Official Page | Click Here | Click Here |
Official Website | github.com |
Publish Date | March 11, 2021 |
Last Update | July 13, 2023 |
Download | Link Below |
License | MIT |
How to make use of it:
1. Add your content to the popup box.
<div class="popup-content" style="display: none;"> ... popup content ... </div>
2. Add a sound impact to the web page.
<audio class="audiofile"> <source src="sound/bell.mp3" type="audio/mpeg"> </audio>
3. Apply your types to the popup box.
.popup-content { width: 400px; position: fixed; bottom: 50%; right: 30px; display: block; z-index: 999; }
4. Load the required jQuery library.
<script src="/path/to/cdn/jquery.min.js"></script>
5. Enable your checkbox input to toggle the popup box.
<input type="checkbox" name="checkbox" id="click-button"> I Agree
(function ($) { $('#click-button').change(function () { if (this.checked) { $('.popup-content').show(function () { setTimeout(function () { $(".popup-content").fadeOut(2000); }, 6000); }); $('.audiofile')[0].play(); } else { $('.popup-content').hide(); } }); })(jQuery)
See Demo And Download

Official Website(sheikhsadi): Click Here
This superior jQuery/javascript plugin is developed by sheikhsadi. For extra Advanced Usage, please go to the official website.