JQuery判断radio单选框是否选中并获取值的方法


Posted in jQuery onJanuary 17, 2019

一、设置选中方法

代码如下:

$("input[name='名字']").get(0).checked=true; 
$("input[name='名字']").attr('checked','true');
$("input[name='名字']:eq(0)").attr("checked",'checked'); 
$("input[name='radio_name'][checked]").val(); //获取被选中Radio的Value值

二、设置选中和不选中示例

代码如下:

<input type="radio" value="0" name="jizai" id="0"/>否
<input type="radio" value="1" name="jizai" id="1"/>是
#jquery中,radio的选中与否是这么设置的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");
通过name

代码如下:

$("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');
$("input:radio[name="analyshowtype"]").attr("checked",false);

通过id

代码如下:

$("#tradeType0").attr("checked","checked");
$("#tradeType1").attr("checked",false);

三、另一种设置选中方法

代码如下:

<script type="text/javascript"> 
$(document).ready(function(){ 
$("input[@type=radio][name=sex][@value=1]").attr("checked",true); 
}); 
</script>

您的性别:

代码如下:

<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女

四、根据值设置radio选中

代码如下:

$("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true); //根据Value值设置Radio为选中状态

五、使用prop方法操作示例

代码如下:

$('input').removeAttr('checked'); 
$($('#'+id+'input').eq(0)).prop('checked',false);
$($('#'+id+' input').eq(0)).prop('checked',true);

radio不能用“checked”相等来判断,只用用true来判断

代码如下:

<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("选中了");
}
});
});
</script>

六、jQuery获取循环中的选中单选按钮radio的值

$('input:radio:checked').each(function(){
//var checkValue = $(this).val();
console.log($(this).val());// 选中框中的值
});
jQuery 相关文章推荐
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
基于jQuery实现文字打印动态效果
Apr 21 jQuery
jquery dataTable 获取某行数据
May 05 jQuery
jquery仿微信聊天界面
May 06 jQuery
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
jQuery AJAX应用实例总结
May 19 jQuery
jQuery实现tab栏切换效果
Dec 22 jQuery
jQuery实现本地存储
Dec 22 jQuery
Jquery获取radio选中值实例总结
Jan 17 #jQuery
jquery获取img的src值实例介绍
Jan 16 #jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 #jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 #jQuery
jQuery实现的中英文切换功能示例
Jan 11 #jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 #jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 #jQuery
You might like
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
一个简单的php路由类
2016/05/29 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
详解AngularJS中的表单验证(推荐)
2016/11/17 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
wxPython窗口中文乱码解决方法
2014/10/11 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
疾病捐款倡议书
2014/05/13 职场文书
岗位说明书怎么写
2014/07/30 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
地陪导游欢迎词
2015/01/26 职场文书
2015教师节通讯稿
2015/07/20 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书