javascript判断是否有对RadioButtonList选项选择

 更新时间:2013年01月14日 10:32:18   作者:  
写个Javascript来判断是否有对RadioButtonList选项选择,附动画演示,感兴趣的朋友可以了解下,希望对您们有帮助
写Javascript来判断是否有对RadioButtonList选项选择,效果如下:

准备好RadioButtonList数据源:
Cosmetic.vb
复制代码 代码如下:

Imports Microsoft.VisualBasic
Namespace Insus.NET
Public Class Cosmetic
Private _ID As Integer
Private _Type As String
Private _Name As String
Private _Weight As Decimal
Private _UM As String
Public Property ID As Integer
Get
Return _ID
End Get
Set(value As Integer)
_ID = value
End Set
End Property
Public Property Type As String
Get
Return _Type
End Get
Set(value As String)
_Type = value
End Set
End Property
Public Property Name As String
Get
Return _Name
End Get
Set(value As String)
_Name = value
End Set
End Property
Public Property Weight As Decimal
Get
Return _Weight
End Get
Set(value As Decimal)
_Weight = value
End Set
End Property
Public Property UM As String
Get
Return _UM
End Get
Set(value As String)
_UM = value
End Set
End Property
Public Sub New()
End Sub
Public Sub New(id As Integer, type As String, name As String, weight As Decimal, um As String)
Me._ID = id
Me._Type = type
Me._Name = name
Me._Weight = weight
Me._UM = um
End Sub
Public Function GetData() As List(Of Cosmetic)
Dim o As New List(Of Cosmetic)
Dim c As New Cosmetic(1, "滋润霜", "玉兰油", 50, "g")
o.Add(c)
Dim c1 As New Cosmetic(2, "滋润霜", "雅诗兰黛", 100, "g")
o.Add(c1)
Dim c2 As New Cosmetic(3, "滋润霜", " 兰蔻", 80, "g")
o.Add(c2)
Dim c3 As New Cosmetic(4, "滋润霜", "欧莱雅", 60, "g")
o.Add(c3)
Dim c4 As New Cosmetic(5, "滋润霜", "芭比波朗", 120, "g")
o.Add(c4)
Return o
End Function
End Class

End Namespace

在aspx放一个RadioButtonList控件和一个铵钮:
复制代码 代码如下:

化妆品:<asp:RadioButtonList ID="RadioButtonListCosmetic" runat="server" RepeatColumns="10" RepeatDirection="Horizontal"></asp:RadioButtonList>
<br />
<asp:Button ID="Button1" runat="server" Text="Select" />

在aspx.vb中,为RadioButtonList绑定数据源,当然绑定数据源下面的代码中,还得引用命名空间 Imports Insus.NET
复制代码 代码如下:

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
If Not IsPostBack Then
Data_Binding()
End If
End Sub
Private Sub Data_Binding()
Dim objCosmetic As New Cosmetic()
Me.RadioButtonListCosmetic.DataSource = objCosmetic.GetData()
Me.RadioButtonListCosmetic.DataTextField = "Name"
Me.RadioButtonListCosmetic.DataValueField = "ID"
Me.RadioButtonListCosmetic.DataBind()
End Sub

接下来是演示开始,写Javascript代码:
复制代码 代码如下:

View Code
<script type="text/javascript">
function CheckIsSelected() {
var rbl = document.getElementById("<%=RadioButtonListCosmetic.ClientID%>");
var radio = rbl.getElementsByTagName("input");
var isSelect = false;
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked) {
isSelect = true;
break;
}
}
if (!isSelect) {
alert("请选择一个选项。");
}
return isSelect;
}
</script>

最后是为铵钮Button写客户端事件
复制代码 代码如下:

<asp:Button ID="Button1" runat="server" Text="Select" OnClientClick="return CheckIsSelected()" />
您可能感兴趣的文章:

相关文章

  • 基于.Net Core认证授权方案之JwtBearer认证

    基于.Net Core认证授权方案之JwtBearer认证

    这篇文章介绍了基于.Net Core认证授权方案之JwtBearer认证,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • VS2015 Update2 构建 Android 程序问题汇总

    VS2015 Update2 构建 Android 程序问题汇总

    这篇文章主要介绍了VS2015 Update2 构建 Android 程序问题汇总的相关资料,需要的朋友可以参考下
    2016-07-07
  • ABP框架中导航菜单的使用及JavaScript API获取菜单的方法

    ABP框架中导航菜单的使用及JavaScript API获取菜单的方法

    ABP框架是基于ASP.NET的Web开发框架,其中包含基本的菜单项可供调用,特别是自动生成的js API使得能够在客户端获取菜单,这里我们就来看一下ABP框架中导航菜单的使用及JavaScript API获取菜单的方法
    2016-06-06
  • .NET Core利用动态代理实现AOP(面向切面编程)

    .NET Core利用动态代理实现AOP(面向切面编程)

    用动态代理可以做AOP(面向切面编程),进行无入侵式实现自己的扩展业务,调用者和被调用者之间的解耦,提高代码的灵活性和可扩展性。本文将为大家详细介绍实现的方法,感兴趣的可以学习一下
    2022-01-01
  • ASP.NET MVC开发接入微信公共平台

    ASP.NET MVC开发接入微信公共平台

    这篇文章主要为大家介绍了微信平台开发ASP.NET MVC接入微信公共平台实现过程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • 在vs2008中使用AJAX开发.net 2.0下的Web程序的方法

    在vs2008中使用AJAX开发.net 2.0下的Web程序的方法

    最近做项目需要用到AJAX,但是工作需要必须使用.net 2.0版本;但发现如果项目为.net2.0版本则没有Ajax(web.config已经配置上ajax) ,、工具栏中并不出现Ajax选项卡. 而且新建页面也没有AJAX页面;后来查了很多资料 发现了一种解决方法
    2011-06-06
  • .NET微信公众号客服接口

    .NET微信公众号客服接口

    这篇文章主要为大家详细介绍了.NET微信公众号客服接口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • .net core EF Core调用存储过程的方式

    .net core EF Core调用存储过程的方式

    这篇文章主要给大家介绍了关于.net core EF Core调用存储过程的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core EF Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • 浅谈.Net中的序列化和反序列化

    浅谈.Net中的序列化和反序列化

    这篇文章主要介绍了.Net中的序列化和反序列化的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • VS2013安装时如何避开IE10的限制

    VS2013安装时如何避开IE10的限制

    这篇文章主要介绍了VS2013安装时如何避开IE10的限制,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论