jquery判断RadioButtonList和RadioButton中是否有选中项示例


Posted in Javascript onSeptember 29, 2013
<pre class="html" name="code"> <%--Body 代码--%> 
<div> 
<asp:RadioButtonList ID="RadioButtonList1" runat="server"> 
<asp:ListItem Value="A">a</asp:ListItem> 
<asp:ListItem Value="B">b</asp:ListItem> 
</asp:RadioButtonList> <asp:RadioButton ID="RadioButton1" GroupName="RBtn" Text="男" runat="server" Checked="true" /> 
<asp:RadioButton ID="RadioButton2" GroupName="RBtn" Text="女" runat="server" /> 
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="Button1_ClientClick()"></asp:Button> 
</div></pre>

<pre class="csharp" name="code"><%--Head 代码--%> 
<script language="javascript" type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script language="javascript" type="text/javascript"> function Button1_ClientClick() 
{ 
alert($("input[name='RadioButtonList1']:checked").val()); // 若都没有选中,则弹出“undefined”,若有选中的,则弹出对应的 Value 值 
if(document.getElementById("RadioButton1").checked==true) // 若RadioButton1被选中 
{ 
alert($("#RadioButton1:checked").val()); //弹出 RadioButton1 
alert($("#RadioButton2:checked").val()); //弹出 undefined 
alert($("#RadioButton1:checked").val()=="RadioButton1"); //弹出 true 
} 
return false; //暂时不用传到后台 
} 
</script> 
</pre>
Javascript 相关文章推荐
jQuery 位置插件
Dec 25 Javascript
js checkbox(复选框) 使用集锦
Apr 28 Javascript
document.onreadystatechange事件的用法分析
Oct 17 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
Jquery的基本对象转换和文档加载用法实例
Feb 25 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
Bootstrap每天必学之下拉菜单
Nov 25 Javascript
Vue常用指令V-model用法
Mar 08 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
JS实现可视化音频效果的实例代码
Jan 16 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 Vue.js
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 #Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 #Javascript
jquery事件与函数的使用介绍
Sep 29 #Javascript
Jquery选中或取消radio示例
Sep 29 #Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 #Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 #Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 #Javascript
You might like
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
javascript面向对象编程代码
2011/12/19 Javascript
javascript判断office版本示例
2014/04/11 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
python提取字典key列表的方法
2015/07/11 Python
利用Python批量生成任意尺寸的图片
2016/08/29 Python
Python实现调度算法代码详解
2017/12/01 Python
Python中GIL的使用详解
2018/10/03 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
标准离婚协议书(2014版)
2014/10/05 职场文书
安全生产先进个人总结
2015/02/15 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书