脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery获取radio值

jquery获取radio值实例

 更新时间：2014年10月16日 15:09:01   投稿：shichen2014  
这篇文章主要介绍了jquery获取radio值实例,较为详细的总结了通过jQuery获取radio值的各种常用方法,需要的朋友可以参考下

本文实例讲述了jquery获取radio值的方法，分享给大家供大家参考。具体如下：

单选组radio：

复制代码 代码如下:
$("input[@type=radio][@checked]").val();

单选组 radio：

复制代码 代码如下:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

获取一组radio被选中项的值

复制代码 代码如下:
var item = $('input[@name=items][@checked]').val();

radio单选组的第二个元素为当前选中值

复制代码 代码如下:
$('input[@name=items]').get(1).checked = true

jquery老的版本

复制代码 代码如下:
var_name = $("input[@name='radio_name']:checked").val();

jquery 1.3以后的版本
复制代码 代码如下:
var_name = $("input[name='radio_name']:checked").val();

获取radio值的jquery实例：

复制代码 代码如下:
function getra(){

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
$("#isspecialcntno").show();
}
}

<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_0">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_1">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_2">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_3">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_4">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_5">
单选</label>
<br>
</p>
</form>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件FusionCharts实现的MSBar3D图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml数据绘制MSBar3D图的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jquery 仿锚点跳转到页面指定位置的实例

    jquery 仿锚点跳转到页面指定位置的实例

    下面小编就为大家带来一篇jquery 仿锚点跳转到页面指定位置的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • jQuery元素的隐藏与显示实例

    jQuery元素的隐藏与显示实例

    这篇文章主要介绍了jQuery元素的隐藏与显示的方法,实例分析了hide与show的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery封装的获取Url中的Get参数示例

    jQuery封装的获取Url中的Get参数示例

    js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题，此时可以获取Url中的Get参数，具体如下，需要的朋友可以参考下
    2013-11-11
  • 完美解决jQuery符号$与其他javascript 库、框架冲突的问题

    完美解决jQuery符号$与其他javascript 库、框架冲突的问题

    下面小编就为大家带来一篇完美解决jQuery符号$与其他javascript 库、框架冲突的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jQuery侧边栏实现代码

    jQuery侧边栏实现代码

    本文给大家介绍jquery侧边栏实现代码，这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,可以参考下本文实现代码
    2016-05-05
  • 解决IE9下JQuery发送ajax请求失效的方法

    解决IE9下JQuery发送ajax请求失效的方法

    这篇文章介绍了解决IE9下JQuery发送ajax请求失效的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-06-06
  • jQuery找出网页上最高元素的方法

    jQuery找出网页上最高元素的方法

    这篇文章主要介绍了jQuery找出网页上最高元素的方法,实例分析了jQuery遍历元素与获取元素高度的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jQuery时间验证和转换为标准格式的时间格式

    jQuery时间验证和转换为标准格式的时间格式

    本篇文章主要介绍了jQuery时间验证和转换为标准格式的时间示例代码，具有一定的参考价值，有兴趣的可以了解一下。
    2017-03-03
  • jQuery插件echarts去掉垂直网格线用法示例

    jQuery插件echarts去掉垂直网格线用法示例

    这篇文章主要介绍了jQuery插件echarts去掉垂直网格线用法,结合实例形式对比分析了jQuery图标插件echarts针对垂直网格线的相关设置操作技巧,需要的朋友可以参考下
    2017-03-03

最新评论