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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
基于JQuery实现页面定时弹出广告
May 08 jQuery
jquery实现拖拽添加元素功能
Dec 01 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代码
2006/12/06 PHP
PHP 截取字符串函数整理(支持gb2312和utf-8)
2010/02/16 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
JS作用域深度解析
2016/12/29 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
python如何在终端里面显示一张图片
2016/08/17 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
php优化查询foreach代码实例讲解
2021/03/24 PHP
好的自荐信的要求
2013/10/30 职场文书
求职信格式范本
2013/11/15 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
演讲稿怎么写
2014/01/07 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
2014年统计工作总结
2014/11/21 职场文书
销售会议开幕词
2015/01/28 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
起诉书范文
2015/05/20 职场文书
上班旷工检讨书
2015/08/15 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers