change radio buttons to slider help request
Posted: 2020-02-04 08:19
I am doing some work for a client and need some help. Has anyone successfully converted radio buttons to a jquery slider? I have all the code files, which I found on Git. To see what I need , see this link:
http://rubentd.com/radios-to-slider/
Basic Usage:
<div id="radios">
<input id="option1" name="options" type="radio">
<label for="option1">1 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>
$('#radios').radiosToSlider();
Included in html:
<link rel="stylesheet" type="text/css" href="bower_components/radios-to-slider/dist/radios-to-slider.css">
<script type="text/javascript" src="bower_components/radios-to-slider/dist/jquery.radios-to-slider.js">
Can anyone help me out please?
http://rubentd.com/radios-to-slider/
Basic Usage:
<div id="radios">
<input id="option1" name="options" type="radio">
<label for="option1">1 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>
$('#radios').radiosToSlider();
Included in html:
<link rel="stylesheet" type="text/css" href="bower_components/radios-to-slider/dist/radios-to-slider.css">
<script type="text/javascript" src="bower_components/radios-to-slider/dist/jquery.radios-to-slider.js">
Can anyone help me out please?