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>
相关插件-选择框

jQuery三级联动地区选择下拉插件

风格简洁大方,地区信息可以外部传入,地区信息使用按首字母归类排序
  选择框
 47028  403

CheckBox展现不同的状态(原创)

类似qq邮箱选中展现不同的状态,常用功能,简单实用。
  选择框
 23788  284

不包邮省市选择(不含县)

jQuery选择省市地区,支持多选,单独筛选
  选择框
 29385  346

jQuery省市区三级联动插件(可自定义样式)

PC端省市区三级联动插件,可自定义样式,支持两种数据初始化方式,最新的省市县的json数据,带有详细的使用说明
  选择框
 49476  492

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

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