Material Design Style Radio Input Enhancement - jQuery AddRadios

File Size: 20.5 KB
Views Total: 1913
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Material Design Style Radio Input Enhancement - jQuery AddRadios

AddRadios is a very small jQuery plugin that applies Material Design styles to the native radio inputs. Fully styleable via CSS.

How to use it:

1. The plugin requires jQuery library loaded properly in the webpage.

<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script>

2. Add the jQuery AddRadios plugin's JavaScript and Stylesheet to the webpage.

<link href="addRadios.css" rel="stylesheet">
<script src="addRadios.js"></script>

3. Add the data-addui='radios' to the normal radio inputs and we're done.

<input data-addui='radios' name='radio' placeholder='Radio' type="radio">

This awesome jQuery plugin is developed by dustinpoissant. For more Advanced Usages, please check the demo page or visit the official website.