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单选复选按钮美化代码是一款基于CSS3实现的checkbox美化单选按钮和复选按钮美化样式。
在ie\ff下测试过,都可以使用.实现单选,也可以取消选择
checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码
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单选按钮美化代码是一款勾选按钮美化,单选按钮美化效果代码。
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
gridview编辑删除,checkbox单选全选 数据库自行配置
纯css3制作checkbox单选按钮美化样式特效源码.zip
有源码有实例,delphi Listview复选框checkbox实现单选的功能,代码很精简实用,测试完美!
在delphi中使用listview控件,启用checkbox选项后,默认是多选,此示例实现单选功能,在Delphi7下测试通过。
layui table中的列为checkbox 使layui中table表格中的列单元格显示为单选框checkbox
真正可用的,无误的,不存在选择异常的android listview与checkbox结合的源码,具有单选,多选,全选,取消全选,删除,单击选择,显示选择结果功能。
使用ListView跟CheckBox实现listView内容的单选,思路大概是使用一个list用来记录选择位置,每次选择新位置之后重新设置list值,刷新下listview
该代码在ASP.NET环境下实现了多个checkbox的同时存在实现单选的功能。
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
C#winform DataGridView checkbox复选框 实现单选效果,系统默认的是界面中多选,下午没事,做个单选的效果,同时复习下datagridview的常用知识,包含dantGridVIew的常用操作内容,注意事项,代码有点乱,学习。