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 EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jQuery中的deferred对象和extend方法详解
May 08 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
jQuery实现简单的手风琴效果
Apr 17 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 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
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
javascript禁用键盘功能键让右击及其他键无效
2013/10/09 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
vue的安装及element组件的安装方法
2018/03/09 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
Python探索之修改Python搜索路径
2017/10/25 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
python输入中文的实例方法
2020/09/14 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
初中英语教学随笔
2015/08/15 职场文书
幼儿园心得体会范文
2016/01/21 职场文书