当前位置: 代码迷 >> ASP.NET >> |M| 当有两个选项,且用户可选可不选且只能选一项的时候,大家是如何做的
  详细解决方案

|M| 当有两个选项,且用户可选可不选且只能选一项的时候,大家是如何做的

热度:771   发布时间:2013-02-26 00:00:00.0
|M| 当有两个选项,且用户可选可不选且只能选一项的时候,大家是怎么做的
比如

选项A
选项B

这里要求是可以两个都不选如果选的话只能选一个

开始我是用Option来做的   但选了以后就没有办法不选
然后我就用CheckBox来做的
当选某一个让另一个checked=false
大家是怎么做的

谢谢

------解决方案--------------------------------------------------------
listbox试试
------解决方案--------------------------------------------------------
xxx.selected=false

------解决方案--------------------------------------------------------
或者用radiobuttonlist,默认只能选一个,再点已选的项时,用js脚本设置他不选
------解决方案--------------------------------------------------------
radiobuttonlist
------解决方案--------------------------------------------------------
ASP.NET AJAX Control Toolkit 的MutuallyExclusiveCheckBox控件完全满足你的需求,只不过有点杀鸡用牛刀的感觉
------解决方案--------------------------------------------------------
ASP.NET AJAX Control Toolkit 的MutuallyExclusiveCheckBox控件在线演示地址
http://ajax.asp.net/ajaxtoolkit/MutuallyExclusiveCheckBox/MutuallyExclusiveCheckBox.aspx
------解决方案--------------------------------------------------------
radiobutton可以保证只选一个
------解决方案--------------------------------------------------------
<script type= "text/javascript "> function CheckItems() { var tb = document.getElementById( "CheckBoxList1 "); var chks = tb.getElementsByTagName( "input "); for(var i=0;i <chks.length;i++) { if(chks[i].checked && event.srcElement!= chks[i]) { chks[i].checked =false; return; } } } </script>
------解决方案--------------------------------------------------------
<asp:CheckBoxList onclick= "javascript:return CheckItems(); " ID= "CheckBoxList1 " runat= "server "> <asp:ListItem> a </asp:ListItem> <asp:ListItem> b </asp:ListItem> <asp:ListItem> c </asp:ListItem> <asp:ListItem> d </asp:ListItem> </asp:CheckBoxList>
------解决方案--------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> 一个用例子类似的多选操作例子listbox </title>
<script language= "javascript ">
<!--
/*=========================================================================================
* 将时段信息发送到待选时段列表框中。
*=========================================================================================*/
function addToPotTimelist(fName, _value)
{
// 如果没有选择则返回
if (fName == " ")
return;
// 创建option对象
var option = document.createElement( "OPTION ");
option.value = _value;
option.text = fName;
// 增加新option选项
frmProg.PotTimeList.add(option);
}

/*=========================================================================================
* 将数据库里的文件的名称信息发送到Video列表框中。
*=========================================================================================*/
function addToPotTimeHaslist(fName, _value)
{
// 如果没有选择则返回
if (fName == " ")
return;

// 创建option对象
var option = document.createElement( "OPTION ");
  相关解决方案