如何让checkbox复选框只能单选

时间:2022-08-07 16:43:26

如何让checkbox复选框只能单选

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

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

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

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