css3自定义复选框、单选框

所属分类:输入-选择框

分享到微信朋友圈
X
css3自定义复选框、单选框 ie兼容10

入门指南 头部引入css文件: 

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/checkbox_radio.css" type="text/css">
<title>

CSS3实现自定义复选框

<label for="chk">checkbox</label>
  <input type="checkbox" id="chk" name="chk"> <input type="checkbox" id="chk2" name="chk2" checked>

  <br><br>

  <label for="rad">radio</label>
  <input type="radio" id="rad" name="rad[]">
  <input type="radio" id="rad2" name="rad[]">
  <input type="radio" id="rad3" name="rad[]" checked>

  <input type="radio" id="rad7" name="rad[1]">
  <input type="radio" id="rad8" name="rad[1]" checked>

 调用脚本:(index.js必须放在input之后)

<script src="js/index.js"></script>
相关插件-选择框

移动端swiper上下滑动选择

基于swiper实现的移动端上下滑动选择
  选择框
 26648  236

移动端城市搜索选择(原创)

原创,代码简单易修改。类仿大众点评选择城市的部分,只是部分不必要功能没有。有备注!json可修改!
  选择框
 28300  324

jquery各大学选择插件

jquery text选择器点击事件弹出层选择学校value赋值
  选择框
 35285  348

jQuery原创全国省份城市学校三级联动下拉列表

国内所有高校,按着省份,城市,学校,三级联动下拉列表。更能方便选择学校,学校为最新最全!!!!
  选择框
 33397  341

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复