jQuery实现table中两列CheckBox只能选中一个的示例

介绍jQuery实现table两列CheckBox只选其一的范例

我们来看一下HTML结构：

```html

```

接下来，让我们看看如何利用jQuery实现功能需求：

```javascript

$(function(){

$("unit tr").click(function () {

// 当某行被点击时，取消其他行的复选框选中状态

$(this).siblings().find("input[type='checkbox']").removeAttr("checked");

});

});

```

这段jQuery代码的作用是，当用户点击某行时，会触发一个事件，取消该行以外所有行的复选框的选中状态。这样，就实现了只能选择某一行中的两个复选框之一的功能。但是很抱歉，由于技术限制，我们暂时无法展示动态的效果图。亲测表明这个方法是有效的。

以上就是长沙网络推广团队为大家带来的jQuery实现table中两列CheckBox只能选中一个的示例的全部内容了。希望大家喜欢并能在实际项目中加以应用。

如果大家对游戏活动和攻略感兴趣，不妨持续关注我们的网站。长沙网络推广团队将不断为大家带来、最好玩、最精彩的游戏资讯。更多有趣内容，尽在我们的jb51游戏频道！让我们一起享受游戏的乐趣吧！