jquery获取radio值实例


Posted in Javascript onOctober 16, 2014

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
javascript如何写热点图
Dec 08 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 #Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 #Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 #Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
JavaScript中的6种运算符总结
Oct 16 #Javascript
You might like
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
js 浏览器事件介绍
2012/03/30 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
Python函数嵌套实例
2014/09/23 Python
python写xml文件的操作实例
2014/10/05 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
python 通过 socket 发送文件的实例代码
2018/08/14 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
优秀党支部书记事迹材料
2014/05/29 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
文明单位汇报材料
2014/12/24 职场文书
交通安全主题班会
2015/08/12 职场文书
Python实现随机生成迷宫并自动寻路
2021/06/13 Python
golang实现浏览器导出excel文件功能
2022/03/25 Golang
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers