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插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
jquery自定义组件实例详解
Dec 31 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
大师制作的中短波矿石收音机
2020/04/02 无线电
yii中widget的用法
2014/12/03 PHP
php解析xml方法实例详解
2015/05/12 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
php函数式编程简单示例
2019/08/08 PHP
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
js+css实现tab菜单切换效果的方法
2015/01/20 Javascript
javascript中的面向对象
2017/03/30 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
js合并两个数组生成合并后的key:value数组
2018/05/09 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
python中enumerate的用法实例解析
2014/08/18 Python
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Python首次安装后运行报错(0xc000007b)的解决方法
2016/10/18 Python
浅析Git版本控制器使用
2017/12/10 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
2019/10/15 HTML / CSS
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
什么是组件架构
2016/05/15 面试题
人力资源经理的岗位职责
2014/03/02 职场文书
先进事迹材料范文
2014/12/29 职场文书
会议新闻稿
2015/07/17 职场文书
运动会班级前导词
2015/07/20 职场文书
体育部部长竞选稿
2015/11/21 职场文书