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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
详解jquery和vue对比
Apr 16 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jquery实现的放大镜效果示例
Feb 24 jQuery
jQuery中event.target和this的区别详解
Aug 13 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
一个目录遍历函数
2006/10/09 PHP
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
制作特殊字的脚本
2006/06/26 Javascript
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
js bind 函数 使用闭包保存执行上下文
2011/12/26 Javascript
javascript实现多级联动下拉菜单的方法
2015/02/06 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
python使用nntp读取新闻组内容的方法
2015/05/08 Python
python编写弹球游戏的实现代码
2018/03/12 Python
用Python PIL实现几个简单的图片特效
2019/01/18 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
英国家用电器购物网站:Hughes
2018/02/23 全球购物
高中打架检讨书
2014/02/13 职场文书
临床医师个人自我评价
2014/04/06 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
centos7安装mysql5.7经验记录
2022/05/02 Servers
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技