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.Pin垂直滚动时固定导航
May 24 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
jquery将json转为数据字典的实例代码
Oct 11 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
jquery实现抽奖功能
Oct 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
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
在新窗口打开超链接的方法小结
2013/04/14 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
[01:14:35]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第一局
2016/02/26 DOTA
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
Python实现的使用telnet登陆聊天室实例
2015/06/17 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
Python中的引用知识点总结
2019/05/20 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
如何用python写个模板引擎
2021/01/14 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
校园文明标语
2014/06/13 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书