jq自定义单选按钮

所属分类:输入-丰富的输入

 43338  307  查看评论 (4)
分享到微信朋友圈
X
jq自定义单选按钮 ie兼容7

<!--js引入-->

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/JQRadio.js"></script>
<script>
  $(function() {
	$("#radio01").JQRadio({});
  });
</script>

<!--html代码-->

<div class="radio_box" id="radio01">
	<!--隐藏表单 radioVal 的值即为选中项li的id值-->
	<input type="hidden" value="" class="radioVal" name="" />
	<ul>
		<li id="r1" class="selected">单选按钮1</li>
		<li id="r2">单选按钮2</li>
	</ul>
</div><!--css代码-->

/*单选按钮样式,可以定义想要的样式*/

.radio_box ul li { background:url(../images/radio_01.png) 5px center no-repeat; /*未选中项的样式*/ padding-left:34px; margin:0 5px; height:34px; line-height:34px; font-size:18px; color:#575757; cursor:default }
.radio_box ul li.selected { background:url(../images/radio_02.png) 5px center no-repeat }
.radio_box ul li:hover { background-color:#fee7e6; color:#000 }
相关插件-丰富的输入

移动端canvas实现涂鸦效果

实现涂鸦基本功能、更改笔触大小颜色、更改背景图、橡皮檫、历史记录、清屏和保存功能。
  丰富的输入
 26845  335

jQuery带表情的评论框

jQuery带表情的评论框,可自己随意添加表情框,简单方便
  丰富的输入
 35415  334

vue健康问卷调查(原创)

vue实现移动端问卷调查,健康自测等等
  丰富的输入
 32387  339

移动端全屏画板

手机全屏画板,支持多种颜色,绘制完可下载为图片,适合小游戏开发。(例如:画出印象中的你)
  丰富的输入
 41858  346

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    baqi250 0
    2018/10/11 16:29:17
    炎小小 0
    2015/10/23 10:10:19
    Bridge 0
    2015/7/20 17:07:51
    先收藏再说,哈哈 回复
    ここは狗嘴ʌิ≧^≦ʌ℡ิ 0
    2015/7/14 15:07:16
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复