http://www.cnblogs.com/mextb1860/archive/2008/04/11/1147841.html
方法一
<BODY>
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
</BODY>
<script>
//chooseOne()函式，參數為觸發該函式的元素本身
function chooseOne(cb){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=cb) obj[i].checked = false;
//若是 但原先未被勾選 則變成勾選；反之 則變為未勾選
//else obj[i].checked = cb.checked;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
</script>
方法二
<BODY>
<div id="mydiv">
<input type="checkbox" name="cbox1" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox2" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox3" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox4" value="cbox4" onClick="chooseOne(this);">checkBox4
</div>
</BODY>
<script>
//chooseOne()函式，參數為觸發該函式的元素本身
function chooseOne(cb) {
//先取得Div元素
var obj = document.getElementById("mydiv");
///判斷obj中的子元素i是否為cb，若否則表示未被點選
for (i=0; i<obj.children.length; i++){
if (obj.children[i]!=cb) obj.children[i].checked = false;
//若是 但原先未被勾選 則變成勾選；反之 則變為未勾選
else obj.children[i].checked = cb.checked;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
//else obj.children[i].checked = true;
}
}
</script>
分享到：
相关推荐
"Checkbox单选复选按钮美化代码.zip" 提供了一种使用CSS3技术来提升这些元素视觉吸引力的方法。下面我们将详细探讨这一主题。 CSS3是层叠样式表的最新版本，它引入了许多新特性，如选择器、边框和背景图像、过渡、...
在ie\ff下测试过，都可以使用．实现单选，也可以取消选择
checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码
本压缩包“css3制作checkbox单选按钮美化代码”聚焦于如何利用CSS3技术对传统的HTML复选框（checkbox）和单选按钮（radio button）进行美化，提升用户体验。 复选框与单选按钮是网页交互中常见的元素，它们通常用于...
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现！本人也是项目需要写的一个功能11行代码实现此功能！ 希望可以帮助到你们！
在本主题中，“gridview编辑删除，checkbox单选全选”指的是如何在GridView控件中实现行数据的编辑、删除功能，以及在每一行中添加复选框（Checkbox）进行单选或全选操作。以下将详细讲解这些知识点。 1. GridView...
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at ... Unless required by ...
描述与标题相同，"纯css3制作checkbox单选按钮美化样式特效源码.zip"，进一步确认了这个压缩包的内容——它是一个关于如何使用CSS3来改进和增强HTML checkbox元素视觉效果的实例代码。这可能是为前端开发者提供的一...
本文将深入探讨如何在Delphi中启用ListView的复选框并实现单选功能，特别针对Delphi7版本。 首先，我们需要了解ListView的基本用法。在Delphi的工具箱中找到ListView控件，将其拖放到表单上。在属性面板中，可以...
在这个特定的场景中，我们关注的是如何将CheckBox集成到ListView中，实现多种交互模式，如单选、多选、全选、取消全选以及删除功能，并能实时显示选择结果。 1. **ListView与CheckBox的结合**： 在自定义ListView...
它提供了多种视图模式，包括报告视图，其中可以包含复选框（Checkbox）来实现用户交互。本示例着重讲解如何在ListView中实现复选框的单选功能。 在Delphi中，ListView的复选框功能可以通过设置`ListView.Style`属性...
总结，实现Android中的“Checkbox单选”功能，实际上我们使用的是RadioGroup和RadioButton的组合。通过RadioGroup来管理RadioButton，确保每次只有一个RadioButton被选中，同时设置监听器来响应用户的单选操作。这种...
通过以上步骤，我们就实现了ListView配合CheckBox的单选功能。在用户点击列表项时，CheckBox的状态会改变，同时其他所有项的CheckBox都会被取消选中。这个实现方式简单易懂，但请注意在实际项目中，可能需要考虑性能...
在本文中，我们将深入探讨如何在layui框架中创建一个表格，其中某一列显示为复选框（checkbox），以便实现单选功能。layui是一款基于前端的轻量级组件库，提供了丰富的UI组件，包括表格（table）、按钮、表单元素等...
该代码在ASP.NET环境下实现了多个checkbox的同时存在实现单选的功能。
项目中用到DataGrid， 需要在第一列添加checkbox， 可以多选、全选。 其中涉及的概念DataTemplate， DataGridCellStyle， DataGridCellControlTemplate，Binding， OnPropertyChanged等。
C#winform DataGridView checkbox复选框 实现单选效果，系统默认的是界面中多选，下午没事，做个单选的效果，同时复习下datagridview的常用知识，包含dantGridVIew的常用操作内容，注意事项，代码有点乱，学习。