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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jQuery手风琴的简单制作
May 12 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
深入分析jQuery.one() 函数
Jun 03 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
jQuery实现增删改查
Dec 22 jQuery
jquery自定义组件实例详解
Dec 31 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自定义session示例分享
2014/04/22 PHP
php中Snoopy类用法实例
2015/06/19 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
jQuery Ajax 全解析
2009/02/08 Javascript
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
python fabric实现远程部署
2017/01/05 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
python实现ftp文件传输功能
2020/03/20 Python
python实现扫雷小游戏
2020/04/24 Python
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
毕业生如何写自我鉴定
2014/03/15 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
协议书格式模板
2016/03/24 职场文书