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实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jQuery使用each遍历循环的方法
Sep 19 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 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
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
php 获取客户端的真实ip
2009/11/30 PHP
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
PHP上传图片类显示缩略图功能
2016/06/30 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
AngularJS ng-app 指令实例详解
2016/07/30 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
Python GAE、Django导出Excel的方法
2008/11/24 Python
Python和php通信乱码问题解决方法
2014/04/15 Python
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
跟老齐学Python之网站的结构
2014/10/24 Python
python生成验证码图片代码分享
2016/01/28 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Python类型转换的魔术方法详解
2020/12/23 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
爱游人:Travelliker
2017/09/05 全球购物
电子商务应届生求职信
2013/11/16 职场文书
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
写自荐信三大法宝
2014/01/24 职场文书
学校节能减排方案
2014/06/13 职场文书
个人遵守党的政治纪律情况对照检查材料思想汇报
2014/09/25 职场文书
2014年教务处工作总结
2014/12/03 职场文书
小兵张嘎观后感
2015/06/03 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server