asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
更新时间:2021年9月22日 10:12 点击:1331
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.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 src="jquery-1.8.2.min.js" type="text/javascript"></script>
<link href="Base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=rblHobbies.ClientID%> input[type=radio]").bind("change", function () {
if ($(this).val() != "") {
$("#message").text("Text:" + $(this).next().text() + " Value:"+$(this).val());
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="margin: 100px auto; width: 400px; height: 200px;">
<fieldset style="width: 400px; height: 150px">
<p>
请选择爱好</p>
<asp:RadioButtonList ID="rblHobbies" runat="server" >
<asp:ListItem Value="1">音乐</asp:ListItem>
<asp:ListItem Value="2">篮球</asp:ListItem>
<asp:ListItem Value="3">美剧</asp:ListItem>
<asp:ListItem Value="4">电影</asp:ListItem>
</asp:RadioButtonList >
</fieldset>
<br />
<div id="message" style="color:blue;"></div>
</div>
</form>
</body>
</html>
相关文章
ASP.NET服务器端控件RadioButtonList,DropDownList,CheckBoxList的取值、赋值用法
这三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式...2021-09-22ASP.NET中RadioButtonList绑定后台数据后触发点击事件
这篇文章主要介绍了ASP.NET中RadioButtonList绑定后台数据后触发点击事件的相关资料,感兴趣的小伙伴们可以参考一下...2021-09-22如何为CheckBoxList和RadioButtonList添加滚动条
这篇文章主要介绍了为CheckBoxList和RadioButtonList添加滚动条的方法,感兴趣的小伙伴们可以参考一下...2021-09-22- 这篇文章主要为大家详细介绍了ASP.NET控件之RadioButtonList的使用方法,感兴趣的小伙伴们可以参考一下...2021-09-22
RadioButtonList绑定图片及泛型Dictionary应用
读取站点某一目录的图片,需要掌握LINQ与泛型Dictionary<TKey,TValue>的使用,本文将介绍RadioButtonList绑定图片的实现,感兴趣的朋友可以了解下,或许对你有所帮助...2021-09-22实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上
一直想实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上。此功能就是当鼠标经过时RadioButtonList或CheckBoxList每一个Item时,让Item有特效显示,离开时,恢复原样有演示动画,感兴趣的朋友可以了解下啊...2021-09-22读取XML并绑定至RadioButtonList实现思路及演示动画
读取XML的文档,可以使用System.Data.DataSet类别中的ReadXml()方法,在aspx网页上拉一个RadioButtonList控件,用来显示XML的数据,接下来,用DataSet去读取刚才写好的获取XML文件的属性,即可完成...2021-09-22javascript判断是否有对RadioButtonList选项选择
写个Javascript来判断是否有对RadioButtonList选项选择,附动画演示,感兴趣的朋友可以了解下,希望对您们有帮助...2021-09-22ASP.NET中 RadioButtonList 单选按钮组控件的使用方法
本文主要简单介绍RadioButtonList控件的常见属性和使用方法,希望对大家有所帮助。...2021-09-22asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
这篇文章主要介绍了通过jQuery来获取RadioButtonList成员内容的方法,大家参考使用吧...2021-09-22