|M| 当有两个选项,且用户可选可不选且只能选一项的时候,大家是如何做的
日期：2014-05-19 浏览次数：20445 次
|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 ");
比如
有
选项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 ");
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
