Jquery 操作获取 radio选中值_Denghejing的博客-程序员宅基地

技术标签: select  网站设计  asp.net  HTML  Asp.Net MVC类  Jquery  javascript  jquery  radio  

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。

Radio    


  



1.获取选中值,三种方法都可以:

$('input:radio:checked').val();

$("input[type='radio']:checked").val();

$("input[name='rd']:checked").val();

2.设置第一个Radio为选中值:

    $('input:radio:first').attr('checked', 'checked');

或者

$('input:radio:first').attr('checked', 'true');

注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.设置最后一个Radio为选中值:

$('input:radio:last').attr('checked', 'checked');

或者

$('input:radio:last').attr('checked', 'true');

4.根据索引值设置任意一个radio为选中值:

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者

$('input:radio').slice(1,2).attr('checked', 'true');

5.根据Value值设置Radio为选中值

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

或者

$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

6.删除Value值为rd2的Radio

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();

7.删除第几个Radio

$("input:radio").eq(索引值).remove();索引值=0,1,2....

如删除第3个Radio:$("input:radio").eq(2).remove();

8.遍历Radio

$('input:radio').each(function(index,domEle){

     //写入代码

});



DropDownList















1.   获取选中项:

获取选中项的Value值:

      $('select#sel option:selected').val();

     或者

       $('select#sel').find('option:selected').val();

获取选中项的Text值:

      $('select#seloption:selected').text();

     或者

       $('select#sel').find('option:selected').text();

2.   获取当前选中项的索引值:

$('select#sel').get(0).selectedIndex;

3.   获取当前option的最大索引值:

$('select#sel option:last').attr("index")

4.   获取DropdownList的长度:

$('select#sel')[0].options.length;

或者

$('select#sel').get(0).options.length;

5.  设置第一个option为选中值:

$('select#sel option:first').attr('selected','true')

或者

 $('select#sel')[0].selectedIndex = 0;

6.   设置最后一个option为选中值:

 


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Denghejing/article/details/44157703

智能推荐

小程序中的scroll-view 自定义滚动样式_小程序 滚动条样式_星辰皆有你的博客-程序员宅基地

废话不多说,先上图,确认是否是你想要的效果;编辑步骤:1. 给scroll-view添加点击事件 bindscroll,可获取scroll-view的各种属性值;2. 自己编写想要的滚动样式,如上图,后期只要控制滚动条距父级左边的距离即可;3. 重点,䦹最后一步,编写点击事件,1. 获取滚动区域的宽度和距左边的距离;2. 获取滚动区域和屏幕宽度之和与滚动区域的比例;3. 赋值给自定...

每日一题系列:公共子串计算_劲夫学编程的博客-程序员宅基地

链接:https://www.nowcoder.com/questionTerminal/98dc82c094e043ccb7e0570e5342dd1b来源:牛客网给定两个只包含小写字母的字符串,计算两个字符串的最大公共子串的长度。注:子串的定义指一个字符串删掉其部分前缀和后缀(也可以不删)后形成的字符串。数据范围:字符串长度:1≤s≤150进阶:时间复杂度:O(n^3) ,空间复杂度:O(n)解题思路:对于动态规划来说,我们没办法一下子解决这个大问题,需要划分成小问题,我们先看每个字符串

D:/tomcat/conf/tomcat-users.xml.new (拒绝访问。)_洪黎的博客-程序员宅基地

警告: Unexpected exception resolving referencejava.io.FileNotFoundException: D:/tomcat/conf/tomcat-users.xml.new (拒绝访问。) 装了WIN7但Tomcat和eclipse不能用了  解决办法:首先可以尝试选择该应用程序的启动文件,就是你平常双击启动的那个图标,选择右键,

REARGUARD Secure Keyword SearchUsing Trusted Hardware 论文详读_Maybemust的博客-程序员宅基地

最近读了一篇关于硬件和安全方面的我文章,对于很多东西读的不是很透,所以还是老样子,先放在这里,回头有时间了再看看。因为最初写在word里,所以懒得在这里再排一遍版,放上原版翻译的链接REARGUARD:使用受信硬件进行关键字搜索——翻译:ly摘要——对加密数据的搜索(SE)会使客户机将其搜索任务委托给第三方服务器,第三方服务器一般会托管一组加密文档,同时仍然采取一些措施保证查询隐私性。基于...

C++ ACM算法调用Map时间过长问题_江心之人的博客-程序员宅基地

引言本机带Map预处理跑一发要用半分钟,交上去400ms。分析仅仅是100w次复制居然要我12.2秒,震惊!后来发现是debug和release模式的区别我们可以在调试的时候用debug模式,在对拍的时候用release模式。如图,修改成release后,时间就变成0.16秒。...

随便推点

Android 获取ROOT权限原理解析_龙龟的文具盒的博客-程序员宅基地

转载自:http://blog.csdn.net/chaihuasong/article/details/8463212一、 概述本文介绍了android中获取root权限的方法以及原理,让大家对android玩家中常说的“越狱”有一个更深层次的认识。二、 Root的介绍1. Root 的目的可以让我们拥有掌控手机系统的权限,比如删除一些system/app下面的无用软件,更换开关机铃声

将博客搬至CSDN_weixin_30698527的博客-程序员宅基地

将本人所有博文搬到程序员宅基地中,以后博文的更新都将在程序员宅基地中。我的程序员宅基地地址是http://blog.csdn.net/urnot,欢迎各位程序猿&程序媛前来批评指正~转载于:https://www.cnblogs.com/urnotajie/p/7085983.html...

解决Jmeter插件ERROR: java.io.IOException: Agent is unreachable via TCP的错误_weixin_33831673的博客-程序员宅基地

今天在centos上搭建jmeter监控服务,服务正常启动,我点击run,就在一切看起来很美好的时候,报错了,ERROR: java.io.IOException: Agent is unreachable via TCP报错原因:1、查看端口是否占用: netstat -lnp|grep 5000ss -ant 很明显有防火请,不允许外部机器访问这个端口,找运维让他开...

TCP/IP详解学习笔记_angus521521的博客-程序员宅基地

【TCP/IP详解学习笔记(1)基本概念】为什么会有TCP/IP协议?计算机型号多种多样,并且运行于不同操作系统。虽然电线把计算机连接到了一起,但是这些计算机无法“交流”,所以需要定义一些东西来让这些计算机交流,TCP/IP因此而生。TCP/IP协议分层提到分层,我们很容易想到OSI的七层参考模型。TCP/IP协议族的层次有些不同。应用层:- Telnet远程登录- F...

poi写批注遇到的坑_JalweyYum的博客-程序员宅基地

poi中一个单元格内的批注不能连续添加两次,只能一次性进行添加,如果要继续添加批注,需要先判断该单元格有无批注,cell.removecomment对批注进行删除再重新进行添加批注

python实现webrtc接入ipc_智会云屏实现全场景智能控制_weixin_39879665的博客-程序员宅基地

远程协作与视频会议是当下会议办公的热门需求 ,随着智能会议一体机各方面技术的成熟,它的身影已频频出现在众多会议协作场景中,逐渐成为企业会议的标准配置。  提起智能会议一体机,我们想起的多是电子白板、大屏显示,无线投屏等会议应用功能。而浩博百星(bestar)所推出的AV智会云屏,在实现众多会议功能的基础上,融合了信号处理功能。将分布式技术与会议功能相结合,既实现了会议应用的电子白板、无线传屏、小屏...

推荐文章

热门文章

相关标签