首页 新随笔 联系 订阅 管理 个人网站

如何让checkbox复选框只能单选

如何让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. });  

 

posted @ 2014-07-31 11:24  __不粘锅  阅读(913)  评论(0编辑  收藏  举报