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 相关文章推荐
jquery select多选框的左右移动 具体实现代码
Jul 03 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
node.js操作mysql简单实例
May 25 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
JS实现图片居中悬浮效果
Dec 25 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
vue2和vue3的v-if与v-for优先级对比学习
Oct 10 Javascript
js实现验证码干扰(动态)
Feb 23 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
用PHP读取RSS feed的代码
2008/08/01 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
php实现的农历算法实例
2015/08/11 PHP
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
Python装饰器语法糖
2019/01/02 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
vivo智能手机官方商城:vivo
2016/09/22 全球购物
世界上最值得信赖的多日游在线市场:TourRadar
2018/07/20 全球购物
职称自我鉴定
2013/10/15 职场文书
护理专业推荐信
2013/11/07 职场文书
称象教学反思
2014/02/03 职场文书
演讲稿的写法
2014/05/19 职场文书
小学生作文批改评语
2014/12/25 职场文书
刘胡兰观后感
2015/06/16 职场文书
SQL SERVER中的流程控制语句
2022/05/25 SQL Server