当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-08-25

    本文导语:  最近遇到一个小小的问题,就是有时候我们使用单选radio的时候,会发现当我们选中一个之后,再也无法一个都不选了,即选中后没有取消的功能,此时便想到了功能强大的checkbox,但他是多选,怎么才能让他变成单选,效果...

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

废话不多说,直接代码:
代码如下:






无标题文档

$(function(){
$(":checkbox").click(function(){
if($(this).attr("checked")!=undefined)
{
$(this).siblings().attr("checked",false);
$(this).attr("checked",true);
}
});
});


span,input{float:left;}
input{ width:14px; height:14px;}
span{ margin-right:20px;}





1
2
3
4
5
6
7




    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery实现input输入框实时输入触发事件代码
  • 怎么实现,动态的增加和删除input,删除时用radiobox选中,然后点删除,即可。谢谢
  • sqlserver iis7站长之家
  • jquery 实现input输入什么div图层显示什么
  • C++实现raw_input的方法
  • 写个abc.html内容为<input type=button><textarea>希望按下按钮后,文本框中的文字保存到a.txt怎样实现?(在linux下)
  • Jquery显示与隐藏input默认值的实现代码
  • JQuery实现INPUT只能输入数字与小数点
  • 用css alpha 滤镜 实现input file 样式美化代码
  • jQuery禁用a和input打开链接的实现代码
  • 让input框实现类似百度的搜索提示(基于jquery事件监听)
  • java命名空间javax.imageio类imagereader的类成员方法: input定义及介绍
  • jquery中$(#form :input)与$(#form input)的区别
  • java命名空间javax.swing.text.html类html.tag的类成员方法: input定义及介绍
  • When use read user's input from standard input device ,i want show it as '*' .How can i do ?
  • java命名空间java.awt.event类keyevent的类成员方法: vk_code_input定义及介绍
  • 启用iptables防火墙,要求INPUT方向允许任意主机访问ICMP、TCP的21、22、80、139、445端口,INPUT其他默认禁止访问。
  • java命名空间javax.swing类joptionpane的类成员方法: wants_input_property定义及介绍
  • Linux input 驱动
  • java命名空间javax.swing类joptionpane的类成员方法: input_value_property定义及介绍
  • 解决input对齐问题vertical-alige
  • java命名空间java.awt类font的类成员方法: dialog_input定义及介绍
  • jQuery设置input type值示例
  • java命名空间javax.print.attribute.standard类printerstatereason的类成员方法: input_tray_missing定义及介绍
  • how to input chinese?
  • java命名空间java.awt类awtevent的类成员方法: input_method_event_mask定义及介绍
  • jquery form 隐藏的input 选择
  • java命名空间javax.imageio.spi类imagereaderspi的类成员方法: standard_input_type定义及介绍
  • 【帮忙啊!!!】iptables output input
  • java命名空间java.awt.event类inputmethodevent的类成员方法: input_method_first定义及介绍
  • jquery检测input checked 控件是否被选中的方法


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3