input:checkbox多选框实现单选效果跟radio一样


最近遇到一个小小的问题,就是有时候我们使用单选radio的时候,会发现当我们选中一个之后,再也无法一个都不选了,即选中后没有取消的功能,此时便想到了功能强大的checkbox,但他是多选,怎么才能让他变成单选,效果跟radio一样呢,本菜鸟就自己写了个小程序,代码很简单,只有四行。

废话不多说,直接代码:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.8.3.min.js" type="text/javascript" language="javascript"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
$(":checkbox").click(function(){
if($(this).attr("checked")!=undefined)
{
$(this).siblings().attr("checked",false);
$(this).attr("checked",true);
}
});
});
</script>
<style>
span,input{float:left;}
input{ width:14px; height:14px;}
span{ margin-right:20px;}
</style>
</head>

<body>
<div>
<input type="checkbox" /><span>1</span>
<input type="checkbox" /><span>2</span>
<input type="checkbox" /><span>3</span>
<input type="checkbox" /><span>4</span>
<input type="checkbox" /><span>5</span>
<input type="checkbox" /><span>6</span>
<input type="text" /><span>7</span>
</div>
</body>
</html>



相关阅读:
C#使用SQLDMO操作数据库的方法
php无限极分类实现的两种解决方法
PHP获取一个字符串中间一部分字符的方法
Win7远程操作提示远程桌面服务当前正忙如何解决
thinkPHP使用post方式查询时分页失效的解决方法
Smarty实现页面静态化(生成HTML)的方法
[Oracle] 如何使用触发器实现IP限制用户登录
Win10新补丁KB3074681 bug很快修复 可在设置中卸载程序
php实现天干地支计算器示例
C++中的extern声明变量详解
Android控件之TabHost用法实例分析
解读C++编程中派生类的构成和创建
jQuery实现手机号码输入提示功能实例
CentOS yum php mcrypt 扩展安装方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 兵团教育信息化工作会议主持词 高考升学宴演讲词 父爱窝在被窝里作文500字 【牵手与你,舞醉春天】 永世伤痕作文500字 前事不忘后事之师700字 怀念邻里之情作文900字 逝去了作文200字 有关六一儿童节500字作文 积极推进校园警务建设全力构建平安和谐校园 在政协九届三次委员会闭幕会上的讲话 路漫漫550字 高考算什么 【现代诗】一盏灯 如何安排高考生的饮食 繁华为尘,俗世陌路 我也来跳健身操 技术创新演讲稿 那一句伤透我心的话【我越来越不相信你了】 第一次月考300字 "不送礼",破"四风","转作风"的心得体会 疲惫过后,请微笑 悲伤的、伤感的、心情不好的经典语录 【精品】青春与理想的演讲稿 学会创新读苹果里的星星有感作文500字 零碎的思想作文450字 小兔子伟大的一天 颁奖典礼发言稿 药监器械科科学发展观演讲稿 森林报好词好句好段大全 遇见色狼最好的防身技能 励志故事:客观看自己,努力靠自己 书我的老师 那时的朋友作文100字 其实你并不了解我(二) 闾丘露薇:我希望对得起这份职业 2013年给毕业生的祝福语 关于军训的周记600字 旧爱是心底搁浅的舟 2016煤矿安全决心书保证书 我的多功能文具盒500字 雨丝作文300字 花儿常开,人难留…… 新的观念如何代替老旧的思想 七一致老党员的一封慰问信 被困的小熊 幸福句子大全 高中入团申请书400字范文 如果有选择,我愿意抽掉我的记忆 中华民俗百诗(041--050)

Copyright © 2016 phpStudy |