搞.net开发一年半了，碰到一个很棘手的有关问题（RadioButtonList被选择后如何取消选择？）
日期：2014-05-20 浏览次数：20526 次
搞.net开发一年半了，碰到一个很棘手的问题（RadioButtonList被选择后怎么取消选择？）
我有一个radiobuttonlist
<asp:RadioButtonList ID= "rblist " Runat= "server " RepeatDirection= "Horizontal ">
<asp:ListItem Value= "1 "> Translator </asp:ListItem>
<asp:ListItem Value= "2 "> Done </asp:ListItem>
</asp:RadioButtonList>
我的问题是：一旦选中了某项，然后再单击就可以取消（使两项都不选），能否用JAVASCRIPT做到？望高手赐教。。。。。。
------解决方案--------------------
如果是静态页面可以的了
===========================================
回复人：saeba(浮躁是失败的最初原因) ( ) 信誉：100 2007-01-04 21:19:43 得分:0
radiobuttonlist 我不怎么用，不过我想javascript 可以实现
var obj = document.getElementById( "rblist ");
obj.option[0].checked = false;
没试，大概就是这样的
==============================================
如果是aspx页面应为服务器控件都有ViewState的值，javascript可以改变html控件的值，但是改变不了视图的值了。javascript看似取消了，其实是一个假象了。
------解决方案--------------------
<asp:RadioButtonList ID= "RadioButtonList1 " runat= "server ">
<asp:ListItem onclick= "set(this); "> a </asp:ListItem>
<asp:ListItem onclick= "set(this); "> b </asp:ListItem>
</asp:RadioButtonList> </div>
<script>
var id = " ";
function set(c)
{
if(c.id == id)
{
c.checked = false;
id = " ";
}
else
id = c.id;
}
</script>
------解决方案--------------------
我试了一下可以cancel，不过觉得意义不大啊
<form id= "Form1 " method= "post " runat= "server ">
<asp:RadioButtonList id= "radioBtnList " style= "Z-INDEX: 101; LEFT: 232px; POSITION: absolute; TOP: 136px "
runat= "server ">
<asp:ListItem Value= "111 "> 111 </asp:ListItem>
<asp:ListItem Value= "2222 "> 2222 </asp:ListItem>
<asp:ListItem Value= "3333 "> 3333 </asp:ListItem>
</asp:RadioButtonList>
<asp:Button id= "btnCancel " style= "Z-INDEX: 102; LEFT: 408px; POSITION: absolute; TOP: 168px "
runat= "server " Text= "取消 "> </asp:Button>
</form>
private void btnCancel_Click(object sender, System.EventArgs e)
{
bool bFlag = false;
this.radioBtnList.SelectedItem.Selected = bFlag;
}
------解决方案--------------------
Sorry,下班回家晚了点，测试通过：
前台：
<%@ Page Language= "C# " AutoEventWireup= "true " CodeFile= "Default.aspx.cs " Inherits= "_Default " %>
<!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 runat= "server ">
<title> 无标题页 </title>
<script language= "javascript ">
<!--
var a = new Array();
function myClick(e)
{
for(var h=0;h <document.all.length;h++)
{
if(document.all(h).tagName == "INPUT " && document.all(h).type == "radio ")
{
if(document.all(h).id == e.id)
我有一个radiobuttonlist
<asp:RadioButtonList ID= "rblist " Runat= "server " RepeatDirection= "Horizontal ">
<asp:ListItem Value= "1 "> Translator </asp:ListItem>
<asp:ListItem Value= "2 "> Done </asp:ListItem>
</asp:RadioButtonList>
我的问题是：一旦选中了某项，然后再单击就可以取消（使两项都不选），能否用JAVASCRIPT做到？望高手赐教。。。。。。
------解决方案--------------------
如果是静态页面可以的了
===========================================
回复人：saeba(浮躁是失败的最初原因) ( ) 信誉：100 2007-01-04 21:19:43 得分:0
radiobuttonlist 我不怎么用，不过我想javascript 可以实现
var obj = document.getElementById( "rblist ");
obj.option[0].checked = false;
没试，大概就是这样的
==============================================
如果是aspx页面应为服务器控件都有ViewState的值，javascript可以改变html控件的值，但是改变不了视图的值了。javascript看似取消了，其实是一个假象了。
------解决方案--------------------
<asp:RadioButtonList ID= "RadioButtonList1 " runat= "server ">
<asp:ListItem onclick= "set(this); "> a </asp:ListItem>
<asp:ListItem onclick= "set(this); "> b </asp:ListItem>
</asp:RadioButtonList> </div>
<script>
var id = " ";
function set(c)
{
if(c.id == id)
{
c.checked = false;
id = " ";
}
else
id = c.id;
}
</script>
------解决方案--------------------
我试了一下可以cancel，不过觉得意义不大啊
<form id= "Form1 " method= "post " runat= "server ">
<asp:RadioButtonList id= "radioBtnList " style= "Z-INDEX: 101; LEFT: 232px; POSITION: absolute; TOP: 136px "
runat= "server ">
<asp:ListItem Value= "111 "> 111 </asp:ListItem>
<asp:ListItem Value= "2222 "> 2222 </asp:ListItem>
<asp:ListItem Value= "3333 "> 3333 </asp:ListItem>
</asp:RadioButtonList>
<asp:Button id= "btnCancel " style= "Z-INDEX: 102; LEFT: 408px; POSITION: absolute; TOP: 168px "
runat= "server " Text= "取消 "> </asp:Button>
</form>
private void btnCancel_Click(object sender, System.EventArgs e)
{
bool bFlag = false;
this.radioBtnList.SelectedItem.Selected = bFlag;
}
------解决方案--------------------
Sorry,下班回家晚了点，测试通过：
前台：
<%@ Page Language= "C# " AutoEventWireup= "true " CodeFile= "Default.aspx.cs " Inherits= "_Default " %>
<!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 runat= "server ">
<title> 无标题页 </title>
<script language= "javascript ">
<!--
var a = new Array();
function myClick(e)
{
for(var h=0;h <document.all.length;h++)
{
if(document.all(h).tagName == "INPUT " && document.all(h).type == "radio ")
{
if(document.all(h).id == e.id)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
