Happy and Sad Animated Checkbox jQuery Plugin

Bored with your basic and classic HTML checkbox? Here I made a jQuery based happy and sad checkbox plugin for you 🙂 It’s very easy to use, config and install on your website.

Demo

Check out the following instructions.

Step 1: Copy the following code and paste into your website javaScript.

Step 2: Now it’s time to initialize the plugin. You need to add the following code just after the above code.

$( 'input[type=checkbox]' ).happySad();

Now your website has new style checkbox 🙂

The parameters of the plugin

$( 'input[type=checkbox]' ).happySad({
    'size' : '1', // Size can be 2 for 2x, 3 for 3x etc.
    'happyImage' : 'https://www.dropbox.com/s/e52euatehrkb2io/happy-face.png?raw=1',
    'sadImage' : 'https://www.dropbox.com/s/fi7ygnyz1fynvdu/sad-face.png?raw=1',
    'bgColor' : 'rgb(41, 181, 205)',
});

Fork me on GitHub

link: https://gist.github.com/sonukaushal/7d00e028541872f9b3a8aa38b9b22a80

Leave a Reply

SEARCH AWESOME STUFF

Our customer support team is here to answer your questions. Ask us anything!
WeCreativez WhatsApp Support
Developer
Sonu Kaushal
Available
WeCreativez WhatsApp Support
Sale Support
Ankita Kajal
Available
WeCreativez WhatsApp Support
Customer Support
Shruti Anandam
Away