jquery判断单选按钮radio是否选中的方法
更新时间：2015年05月05日 15:30:19 作者：残星
这篇文章主要介绍了jquery判断单选按钮radio是否选中的方法,实例分析了加载页面时获取单选按钮ID和点击按钮时获取单选按钮ID两种方法,非常简单实用,需要的朋友可以参考下
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下：
html代码如下：
<input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="ra" value="b" /> <input type="radio" id="d3" name="ra" value="c" />
1. 加载页面的时候获取id
$("input[type='radio']").each(function(){
var id= $(this).attr("id");
if($("#"+id).attr("checked")=="checked"){
var fs=$("#"+id).val();
}
});
var s1 = $(".aa:checked").val(); // .aa 为class
var s2 = $("input[name='ra']:checked").val();
2.点击按钮的时候获取id
$(function(){
$("input[type='radio']").click(function(){
var id= $(this).attr("id");
alert(id);
});
});
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery动态操作表单,结合实例形式分析了jQuery针对table表格的数据添加、删除、元素修改、提交等相关操作技巧,需要的朋友可以参考下2018-12-12
本文主要介绍了纯jquery实现前端分页功能的方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
uploadify ，简单实用的flash上传组件，兼容性良好。 现已有html5版本2012-06-06
这篇文章主要介绍了jQuery实现的中英文切换功能,结合实例形式分析了jQuery结合插件translate.js实现中英文翻译的相关操作技巧,需要的朋友可以参考下2019-01-01
Bootstrap是最流行的前端开发框架。本文涉及到bootstrap的特性介绍，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
这篇文章主要介绍了jquery 扑捉回车键事件的具体实现,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery子属性过滤选择器用法,实例分析了:first-child、:last-child、:nth-child、:only-chilid等子属性过滤选择器使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery控制元素显示、隐藏、切换、滑动的方法总结,本文讲解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用实例,需要的朋友可以参考下2015-04-04
这篇文章主要为大家详细介绍了jQuery实现增删改查，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
ajax联动框想必大家早有所耳闻，接下来将介绍jquery实现另一种形式的联动框，右边的联动框用jquery生成，仿照上篇的js方法修改的，感兴趣的你可以参考下希望可以帮助到你2013-03-03
最新评论