码迷,mamicode.com
首页 > 其他好文 > 详细

如何让checkbox复选框只能单选

时间:2014-07-31 13:07:36      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   strong   io   

如何让checkbox复选框只能单选


在项目开发中遇到一个这样的问题,要让一列复选框架在任何时间段内只能选择一个。

有人说怎么不用单选框了,因为单选框一旦选择了就不能取消选择,所以这里只能用复选框。

经过思考发现可以能过js控制复选框只能单选,实现方法如下:

 

[javascript] view plaincopyprint?
  1. $("#txm").find(".checkbox").each(function(){  
  2.                                             
  3.    $(this).click(function(){  
  4.                             
  5.     var test= $(this).attr("checked");   
  6.       
  7.     if(this.checked){  
  8.         GetData(this.value);  
  9.      $(this).parent("div").siblings().children(".checkbox").each(function(){  
  10.                                                                             
  11.       if(test== this.checked){  
  12.             
  13.        this.checked = false;   
  14.       }  
  15.         
  16.      });  
  17.        
  18.     }   
  19.       
  20.    });  
  21.      
  22.   });  
  23.   
  24.   
  25. });  

 

如何让checkbox复选框只能单选,布布扣,bubuko.com

如何让checkbox复选框只能单选

标签:style   blog   http   color   java   os   strong   io   

原文地址:http://www.cnblogs.com/mrjie/p/3880381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!