程序博客网 > 无人深空优化差

chckbox 实现单选效果（html）

来源：互联网 发布：无人深空优化差 编辑：程序博客网 时间：2024/05/20 02:22
       note：在html <input> 标签类中的checkbox实现单选效果。
       在最近的开发项目中，客户要求使用小方格子实现“单选”功能，显然圆点的radio被out了，只能选择chckbox的方块样式，也在网上搜过，可能有点儿脑残，没有找到。
       废话不多说直接上代码：
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  5.     <title>checkbox实现单选效果</title>  
  6.     <script src="jquery-1.7.2.min.js"></script>  
  7.     <script>  
  8.         $(document).ready(function () {  
  9.             $('.sb').click(function () {  
  10.                 var typeThis = typeof ($(this).attr("checked"));  
  11.                 switch (typeThis) {  
  12.                     case "string":  
  13.                         if ($(this).attr("checked").toLowerCase()=="checked") {  
  14.                             $('.sb').each(function () {  
  15.                                 $(this).removeAttr("checked");  
  16.                             });  
  17.                             $(this).attr("checked",true);  
  18.                         }  
  19.                         break;  
  20.                     case "undefined":  
  21.                         $('.sb').each(function () {  
  22.                             $(this).removeAttr("checked");  
  23.                         });  
  24.                         break;  
  25.                 }  
  26.             });  
  27.         });  
  28.     </script>  
  29. </head>  
  30. <body>  
  31.     <input class="sb" type="checkbox" value="1"/>  
  32.     <input class="sb" type="checkbox" value="2" />  
  33.     <input class="sb" type="checkbox" value="3" />  
  34.     <input class="sb" type="checkbox" value="4" />  
  35. </body>  
  36. </html>
0 0
无人深空优化差 无人深空优化差
原创粉丝点击
热门IT博客
java中printf格式化输java中printf格式化输
赚流量的软件赚流量的软件
mac输入法记忆
linux 卸载anaconda
淘宝误删收藏宝贝恢复
sql 修改字段默认值
mysql udf提权
彩票中奖的人 知乎
数学题解答软件
乐视网络电视绿色版
keil c51keil软件仿真
sql 取日期的年月日
macair装windows
淘宝网刷单 物流单号
提交淘宝网分销商申请
dnf技能数据
袁姗姗知乎
自学网络安全知乎
three.js 3d机房源码
叶玉如 知乎
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 忌神金怎么办 身弱七杀太旺怎么办 财多身弱怎么办? 伤官格身弱怎么办 鬼旺身衰怎么办 网投被黑不出款怎么办 驾照怎么办 暂住证怎么办? 委托书怎么办 学车脚抖怎么办 出入证怎么办 钱吧车贷还不上怎么办 绿萝土里有虫怎么办 科三夜考怎么办 辨色力差怎么办 贴吧被删贴怎么办 蛋皮有癣起皮怎么办 川字纹太深怎么办 怎么办精神失常 新都退退市后怎么办 鸡生软壳蛋怎么办 鞋臭脚怎么办 深喉要吐怎么办 狗要吐要拉血怎么办 猫哈人怎么办 猫吃绿萝怎么办 龙猫总掉毛怎么办 龙猫怕热怎么办 龙猫软便怎么办 龙猫牙歪怎么办 龙猫被吓到怎么办 橘猫脸瘦怎么办 长新肉痒怎么办 被魂附身怎么办 美国签证 怎么办 高顿不退费怎么办 狗咬后没破皮怎么办 留学签证怎么办 厌奶期不喝奶怎么办 红掌长太高怎么办 红掌越长越矮怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里