JQ插件：radiosToSlider

最新推荐文章于 2021-01-14 10:31:46 发布

gundumw100

最新推荐文章于 2021-01-14 10:31:46 发布

阅读量203

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/gundumw100/article/details/69996325

版权

jQuery 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

demo:
http://rubentd.com/radios-to-slider/

用法：


<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.radios-to-slider.js"></script>
 
<script>
	$(document).ready( function(){
		$("#radios").radiosToSlider();
	});
</script>
 
<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>

Options：