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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 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
BBS(php &amp; mysql)完整版(二)
2006/10/09 PHP
如何开发一个虚拟域名系统
2006/10/09 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
php实现微信企业转账功能
2018/10/02 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
IE浏览器中图片onload事件无效的解决方法
2014/04/29 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
javascript精确统计网站访问量实例代码
2015/12/19 Javascript
javascript+HTML5自定义元素播放焦点图动画
2016/02/21 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
简单的三步vuex入门
2018/05/20 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
python批量同步web服务器代码核心程序
2014/09/01 Python
Python基础入门之seed()方法的使用
2015/05/15 Python
python在控制台输出进度条的方法
2015/06/20 Python
Python中内置数据类型list,tuple,dict,set的区别和用法
2015/12/14 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
python3多线程知识点总结
2019/09/26 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
优秀工会工作者事迹材料
2014/06/02 职场文书
法人授权委托书样本
2014/09/19 职场文书
三十年同学聚会感言
2015/07/30 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
python常见的占位符总结及用法
2021/07/02 Python
MySQL GTID复制的具体使用
2022/05/20 MySQL
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android
Echarts如何重新渲染实例详解
2022/05/30 Javascript