Skip to content

joabac/radios-to-slider

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

radios-to-slider

Bower version

jquery plugin to create a slider using a list of radio buttons

###Usage

<div id="radios">
    <input id="option1" name="options" type="radio">
    <label for="option1">1 <br>year</label>
 
    <input id="option2" name="options" type="radio">
    <label for="option2">2 years</label>
 
    <input id="option3" name="options" type="radio" checked>
    <label for="option3">3 years</label>
 
    <input id="option4" name="options" type="radio">
    <label for="option4">4 years</label>
 
    <input id="option5" name="options" type="radio">
    <label for="option5">5+ years</label>
</div>

<script>
	$(document).ready( function(){
		$("#radios").radiosToSlider();
	});
</script>

###Options

Option Values Default
animation true, false true

###Demo and examples rubentd.com/radios-to-slider

About

jquery plugin to create a slider using a list of radio buttons

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 41.5%
  • JavaScript 30.7%
  • CSS 27.8%