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 相关文章推荐
JsDom 编程小结
Aug 09 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
ES6 Promise对象的应用实例分析
Jun 27 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
vue2和vue3的v-if与v-for优先级对比学习
Oct 10 Javascript
JavaScript 绘制饼图的示例
Feb 19 Javascript
基于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
php中文字母数字验证码实现代码
2008/04/25 PHP
PHP对字符串的递增运算分析
2010/08/08 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
PHP7内核之Reference详解
2019/03/14 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
浅谈super-vuex使用体验
2018/06/25 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
Python迭代器和生成器定义与用法示例
2018/02/10 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
解决python 读取 log日志的编码问题
2019/12/24 Python
pytorch下使用LSTM神经网络写诗实例
2020/01/14 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
车间机修工岗位职责
2014/02/28 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
中职三好学生事迹材料
2014/08/24 职场文书
捐助感谢信
2015/01/22 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python
vue选项卡切换的实现案例
2022/04/11 Vue.js