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实现前端分页功能
Mar 23 jQuery
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
jQuery中库的引用方法
Jan 06 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 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
解决File size limit exceeded 错误的方法
2013/06/14 PHP
php集成动态口令认证
2016/07/21 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
javascript 精粹笔记
2010/05/09 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
node.js实现上传文件功能
2019/07/15 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
详解Python中的type和object
2018/08/15 Python
python实现图片彩色转化为素描
2019/01/15 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
python实现弹窗祝福效果
2019/04/07 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
python 元组和列表的区别
2020/12/30 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
房地产项目建议书
2014/03/12 职场文书
整改通知书格式
2015/04/22 职场文书
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL