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

jquery获取radio值(单选组radio)

 更新时间：2014年10月16日 17:10:44   投稿：whsnow  
jquery获取radio值使用到特殊的选择器type=radio，为方便大家理解，另附一个jquery实例，想学习的朋友可以看看

单选组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

单选组 radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

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();
(www.jb51.net) $("#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>
您可能感兴趣的文章:

相关文章

  • JS 在指定数组中随机取出N个不重复的数据

    JS 在指定数组中随机取出N个不重复的数据

    这篇文章主要介绍了JS 在指定数组中随机取出N个不重复数据的方法,需要的朋友可以参考下
    2014-06-06
  • JS设计模式之命令模式的用法详解

    JS设计模式之命令模式的用法详解

    JavaScript中的命令模式是一种设计模式,它提供了一种将命令封装为对象的方式,从而允许我们将请求与实际执行该请求的操作对象解耦,这种模式可以在不同的场景中使用,例如实现撤销/重做操作、队列任务等,本文我们将讲解命令设计模式在JS中的使用
    2023-08-08
  • 一文详解JavaScript中的URL编码和解码

    一文详解JavaScript中的URL编码和解码

    在本文中,我们将探讨在 JavaScript 中处理 URL 的现代技术,并回答与在 JavaScript 中编码和解码 URL 相关的问题,文中通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2024-03-03
  • 浅谈javascript中的prototype和__proto__的理解

    浅谈javascript中的prototype和__proto__的理解

    这篇文章主要介绍了浅谈javascript中的prototype和__proto__的理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript实现select添加option

    JavaScript实现select添加option

    这篇文章主要介绍了JavaScript为select添加option的方法和示例，十分的简单实用，有需要的小伙伴可以参考下。
    2015-07-07
  • 使用Visual Studio 2022开发前端的详细教程

    使用Visual Studio 2022开发前端的详细教程

    这篇文章主要介绍了使用Visual Studio 2022开发前端,在浏览器中可以使用CDN源引用需要的客户端库，可如果在企业内网使用，无法访问CDN源时，需要将客户端库下载到本地使用，需要的朋友可以参考下
    2022-05-05
  • JavaScript数组方法reduce使用详解

    JavaScript数组方法reduce使用详解

    本文详细介绍了JavaScript数组reduce()方法的使用,包括核心语法、常见案例以及常见错误,通过实际案例和代码分析,帮助读者彻底掌握reduce方法,同时,还提供了reduce的polyfill实现,以深入理解其工作原理,需要的朋友可以参考下
    2025-02-02
  • 一文教你用JavaScript制作个简单的大转盘游戏

    一文教你用JavaScript制作个简单的大转盘游戏

    日常生活中，我们经常会见到形形色色的抽奖活动，例如九宫格、大转盘等等……本文就来教大家如何利用JavaScript制作个简单的大转盘游戏，感兴趣的可以了解一下
    2023-02-02
  • Js使用WScript.Shell对象执行.bat文件和cmd命令

    Js使用WScript.Shell对象执行.bat文件和cmd命令

    这篇文章主要介绍了Js使用WScript.Shell对象执行.bat文件和cmd命令,需要的朋友可以参考下
    2014-12-12
  • JS的replace方法与正则表达式结合应用讲解

    JS的replace方法与正则表达式结合应用讲解

    replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下
    2007-12-12

最新评论