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表单验证之密码确认
May 22 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery异步提交表单实例
May 30 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 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
用ODBC的分页显示
2006/10/09 PHP
探讨方法的重写(覆载)详解
2013/06/08 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
jQuery 学习 几种常用方法
2009/06/11 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
[09:22]2014DOTA2西雅图国际邀请赛 主赛事第二日TOPPLAY
2014/07/21 DOTA
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
django使用xlwt导出excel文件实例代码
2018/02/06 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
标准化管理实施方案
2014/02/25 职场文书
华山导游词
2015/02/03 职场文书
护士个人总结范文
2015/02/13 职场文书
民主评议党员个人总结
2015/02/13 职场文书
个人借条范本
2015/05/25 职场文书
幽灵公主观后感
2015/06/09 职场文书
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS
在SQL Server中使用 Try Catch 处理异常的示例详解
2022/07/15 SQL Server