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-data的三种用法
Apr 18 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
简单实现jQuery弹窗效果
Oct 30 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
jquery获取img的src值实例介绍
Jan 16 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
jQuery中使用validate插件校验表单功能
May 24 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强制运行广告的方法
2014/12/01 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
input按钮的事件处理大全
2010/12/10 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
详解MySQL数据类型int(M)中M的含义
2016/11/20 Python
python如何使用unittest测试接口
2018/04/04 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
对python中Json与object转化的方法详解
2018/12/31 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
python浪漫表白源码
2019/04/05 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
如何在Python对Excel进行读取
2020/06/04 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
个性与发展自我评价
2014/02/11 职场文书
会计岗位描述
2014/02/22 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript