为了账号安全,请及时绑定邮箱和手机立即绑定

怎样判断RadioButtonList控件是否有选择

标签:
JavaScript

实现这个功能,方法很多的。
你可以使用Javascript来实现,http://www.cnblogs.com/insus/archive/2013/01/14/2859079.html 当然你可以不使用Javascript使用JQuery一样可以完成。
你还可以使用程序后台实现,http://www.cnblogs.com/insus/archive/2012/09/05/2671729.html 

你还可以使用asp.net自带的验证控件来判用户是否有对RadioButtonList控件是否有选择:

View Code

<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">                <asp:ListItem Text="1"></asp:ListItem>                <asp:ListItem Text="2"></asp:ListItem>                <asp:ListItem Text="3"></asp:ListItem>                <asp:ListItem Text="4"></asp:ListItem>            </asp:RadioButtonList>            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1"                Display="none" ErrorMessage="必须选择"></asp:RequiredFieldValidator>            <asp:ValidationSummary ID="ValidationSummary1" runat="server" EnableClientScript="true"                ShowMessageBox="true" ShowSummary="false" />            <asp:Button ID="Button1" runat="server" Text="Button" />


上面的html运行效果如下:



其实上面所说的,均是一个前提而已。今天Insus.NET想实现的这个问题,



这帖当时已经收藏了,不过手上工作繁忙,没能及时按自己的想法提供答案,虽然给帖了,没有关系,把想法分享于博客上。
没有帖主的环境,可以模拟一个的。
创建一个对象:

Insus.NET.Survey

using System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for Survey/// </summary>namespace Insus.NET{    public class Survey    {        private string _ID;        private string _Title;        public string ID        {            get { return _ID; }            set { _ID = value; }        }        public string Title        {            get { return _Title; }            set { _Title = value; }        }                public Survey()        {            //            // TODO: Add constructor logic here            //        }        public Survey(string id, string title)        {            this._ID = id;            this._Title = title;        }    }}


Ok, 我们新建一个网页,并在网页中填充一些演示数据入刚才创建好的个对象中:

View Code

private List<Survey> SurveyData()    {        List<Survey> s = new List<Survey>();        s.Add(new Survey("1.1", "title 1"));        s.Add(new Survey("1.2", "title 1"));        s.Add(new Survey("1.3", "title 1"));        return s;    }


有了数据了,在.aspx设计前端代码,拉一个Repeater控件至网页:

View Code

<form id="form1" runat="server">        <div>            <asp:Repeater ID="Repeater1" runat="server">                <HeaderTemplate>                    <table border="1" border-collapse="collapse" cellpadding="3" cellspacing="0" width="300">                </HeaderTemplate>                <ItemTemplate>                    <tr>                        <td style="width: 30px;"><%# Eval("ID") %></td>                        <td><%# Eval("Title") %></td>                        <td>                            <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">                                <asp:ListItem Text="5"></asp:ListItem>                                <asp:ListItem Text="4"></asp:ListItem>                                <asp:ListItem Text="3"></asp:ListItem>                                <asp:ListItem Text="2"></asp:ListItem>                                <asp:ListItem Text="1"></asp:ListItem>                            </asp:RadioButtonList>                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1"                                Display="none" ErrorMessage='<%# Eval ("ID") + " 没有勾选打分。" %>'></asp:RequiredFieldValidator>                        </td>                    </tr>                </ItemTemplate>                <FooterTemplate>                    </table>                </FooterTemplate>            </asp:Repeater>            <asp:ValidationSummary ID="ValidationSummary1" runat="server" EnableClientScript="true"                ShowMessageBox="true" ShowSummary="false" />            <asp:Button ID="Button1" runat="server" Text="投票" />        </div>    </form>


看看高亮的代码:

 

在.aspx.cs绑定数据给Repeater控件。


演示一下效果,看看是否有达到效果:




算是完成了,效果也达到了,不过Insus.NET就此例子,想玩玩其它。望你也能有所收获。
由于整个RadioButtonList控件在Repeater控件中每一行是独立的。也可以看到Insus.NET在设计对象时,也没有设计留有此列相关的属性,只是用了ID和Title属性。既然这旨独立的,因此,可以把这个块地方抽出来,放置于一个用户控件中去,用户控件(ascx)没错吧?是的,没有错。
好象复杂度比上面完成的例子更大喔。面向对象嘛!把独立的部分分开,总比藕合性强的程序好些。就是说,某一天程序有改变,某些记录的评分是改为其它,而不是所有都是RadioButtonList控件有5个选项,因此,改为使用一个用户控件替代,这样有改变量,只改用户控件可。

好吧,创建一个用户控件在站点上。
把下图comment的部分移至用户控件。



移过去之后,用户控件稍作改动:



现在有两个问题需要想到的,就是网页上的Repeater控件内的记录有些信息需要传至用户控件,另外还要想到,用户控件对用户选择的值传至网页,因为选择的值传至网页之后,用户提交投票时,需要存储起来。

这是页面与用户控件之间的交互。下面是Insus.NET使用Interface(接口)来处理这个交互的问题。 

Insus.NET.IInteractive

using System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for IInteractive/// </summary>namespace Insus.NET{    public interface IInteractive    {        void SetValue(object obj);        object GetValue();    }}


接口写好之后,在用户控件.ascx.cs实用这个接口。



现在,我们把用户控件完成了,就可以把它拉至网页去。

 

好此时网页与用户控件已经碰面了,还差心灵与语言沟能了。怎样让它们之间可以沟通呢? 做法是在Repeater控件上写一个事件。


在.aspx启用了Repeater控件的OnItemDataBound事件,还得去.aspx.cs实现这样事件的程序:


看到否,上图中高亮的代码,就是把Repeater控件内的记录的信息传给用户控件。
效果跟没有使用用户控件时没有两样。

  

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消