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 相关文章推荐
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
jQuery实现简单QQ聊天框
Aug 27 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP+MYSQL的文章管理系统(二)
2006/10/09 PHP
对javascript和select部件的结合运用
2006/10/09 PHP
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
三级下拉菜单的js实现代码
2011/05/23 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
JQuery datepicker 用法详解
2015/12/25 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
javascript中正则表达式语法详解
2020/08/07 Javascript
Python解决鸡兔同笼问题的方法
2014/12/20 Python
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
python爬取代理ip的示例
2020/12/18 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
学前教育学生自荐信范文
2013/12/31 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
买卖协议书范本
2014/04/21 职场文书
博士生求职信
2014/07/06 职场文书
单位婚育证明范本
2014/11/21 职场文书
2015社区个人工作总结范文
2015/05/13 职场文书
毕业答辩开场白范文
2015/05/27 职场文书