JQuery控制radio选中和不选中方法总结


Posted in Javascript onApril 15, 2015

一、设置选中方法

$("input[name='名字']").get(0).checked=true; 

$("input[name='名字']").attr('checked','true');

$("input[name='名字']:eq(0)").attr("checked",'checked'); 

$("input[name='radio_name'][checked]").val();  //获取被选中Radio的Value值

二、设置选中和不选中示例

<input type="radio" value="0" name="jizai" id="0"/>否

<input type="radio" value="1" name="jizai"  id="1"/>是

#jquery中,radio的选中与否是这么设置的。

$("#rdo1").attr("checked","checked");

$("#rdo1").removeAttr("checked");

通过name

$("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');

$("input:radio[name="analyshowtype"]").attr("checked",false);

通过id
$("#tradeType0").attr("checked","checked");

$("#tradeType1").attr("checked",false);

三、另一种设置选中方法

<script type="text/javascript">  

$(document).ready(function(){  

        $("input[@type=radio][name=sex][@value=1]").attr("checked",true);  

});  

</script> 

您的性别: 
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男  

<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女

四、根据值设置radio选中

$("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true);  //根据Value值设置Radio为选中状态

五、使用prop方法操作示例

$('input').removeAttr('checked'); 

$($('#'+id+'input').eq(0)).prop('checked',false);

$($('#'+id+' input').eq(0)).prop('checked',true);
Javascript 相关文章推荐
两个比较有用的Javascript工具函数代码
Feb 17 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
js仿网易表单及时验证功能
Mar 07 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
在vue中实现echarts随窗体变化
Jul 27 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 Javascript
JS函数式编程实现XDM一
Jun 16 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 #Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 #Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 #Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 #Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 #Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 #Javascript
JavaScript中window.open用法实例详解
Apr 15 #Javascript
You might like
php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
2011/11/07 PHP
php curl 伪造IP来源的实例代码
2012/11/01 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
不错的一个日期输入 动态
2006/11/06 Javascript
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
jquery tools之tooltip
2009/07/25 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
angular实现spa单页面应用实例
2017/07/10 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
深入浅析python with语句简介
2018/04/11 Python
python自动化报告的输出用例详解
2018/05/30 Python
Python BS4库的安装与使用详解
2018/08/08 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
美国体育用品商店:Paragon Sports
2017/10/08 全球购物
培训自我鉴定
2014/01/31 职场文书
人事任命书怎么写
2014/06/05 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
代码解析React中setState同步和异步问题
2021/06/03 Javascript
正则表达式基础与常用验证表达式
2022/06/16 Javascript