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

城市选择器,仿猎聘,支持多选,单选

城市选择器,仿猎聘,支持多选,单选
  选择框
 46711  422

原生js写的三级联动

非常简单的js三级联动很简单扩展性好
  选择框
 35376  328

酷炫的发光单选框

发光的动态竖直单选框
  选择框
 27794  331

Combobox 下拉插件(原创)

基于 jQueryUI的下拉插件combobox.js
  选择框
 36196  338

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

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