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 Autocomplete自动完成插件
Jul 17 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
Sep 01 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
基于vue-element组件实现音乐播放器功能
May 06 Javascript
JavaScript引用类型RegExp基本用法详解
Aug 09 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 Javascript
JS出现404错误原理及解决方案
Jul 01 Javascript
详解Vue 的异常处理机制
Nov 30 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
递归列出所有文件和目录
2006/10/09 PHP
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
layui导航栏实现代码
2017/05/19 Javascript
详解node child_process模块学习笔记
2018/01/24 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
2018/04/01 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
vue学习笔记之给组件绑定原生事件操作示例
2020/02/27 Javascript
vue实现登录拦截
2020/06/29 Javascript
python基础教程之Hello World!
2014/08/29 Python
Python实现合并字典的方法
2015/07/07 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
浅析PHP与Python进行数据交互
2018/05/15 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
专业求职信撰写要诀
2014/02/18 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书