<tbody><tr><td><label for="invert">彩色模式: </label></td><td><label><input type="radio" name="colormode" id="coloroff" class="radio" value="关" checked="checked"> 关</label><label><input type="radio" name="colormode" id="coloron" class="radio" value="开"> 开</label></td></tr>
</tbody>

1. $('.radio:checked')

2. $('input[type^=radio]:checked')

3. $('.radio').filter(':checked')

4. 使用each

具体的 HTML 和 jQuery 代码这里贴一下代码:

$(document).ready(function(){$("#btn_1").click(function(){alert($('.radio:checked').val());});$("#btn_2").click(function(){alert($('input[type^=radio]:checked').val());});$("#btn_3").click(function(){alert($('.radio').filter(':checked').val());});$("#btn_4").click(function(){$('.radio').each(function(){  if($(this).is(":checked")){  alert($(this).val()+" 选中");  }else{  alert($(this).val()+" 没选中");  }  })  });});
分享到:新浪微博腾讯微博QQ空间人人网豆瓣网一键分享0

HTML radio 或者 checkbox 获取状态为选中的元素的值相关推荐

  1. python单稳态触发_使用 方法可以获取一个列表中最大元素的值。_学小易找答案...

    [填空题]若在列表的最后添加新元素,则可以直接使用列表的 方法. [填空题]将一个线程的 属性设置为True,则该线程为守护线程. [填空题]是在调用函数时函数名后面的一对小括号中给出的参数列表. [ ...

  2. jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  3. checkbox:获取所有已选中的值

    /**获取选中的checkbox值*/function getChecked(){var ids = "";$("input:checkbox[name='id']:ch ...

  4. 获取select被选中的option的值

    <select id="select">       <option>绥江</option>       <option>西江< ...

  5. 获取input相同名字的元素的值

    我们在前台的页面定义了许多 具有相同名字的input元素,为了取得对应的值,一种是我们在js中可以这样做: var djs= new Array(); $("input[name='dj'] ...

  6. html中radio,checkbox值的获取、赋值、注册事件

    1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 代码如下: <span>group1:</span> <input type=" ...

  7. JQuery获取选中的元素(单选框复选框)及其他等

    看注释 <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...

  8. html中radio、checkbox选中状态研究(静下心来看,静下心来总结)

    html中radio.checkbox选中状态研究(静下心来看,静下心来总结) 一.总结 1.单选框的如果有多个checked 会以最后一个为准 2.js动态添加checked属性:不行:通过 $(& ...

  9. vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例

    vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...

最新文章

  1. 应用虚拟化技术的五大理由
  2. 对科目***货币 ***未定义汇率差额科目
  3. Codeforces 864E - Fire(dp)
  4. 仿B站(一) 目的分析以及创建 WebAPI + Angular7 项目
  5. gitlab中的CI
  6. java集合数组,数组小到大排序,数组大到小排序
  7. selinux对ftp的影响
  8. 【2017年第3期】专题:面向社会治理和服务的大数据
  9. win10如何提高电脑画质_win10电脑怎么提高画质 | 手游网游页游攻略大全
  10. 第一章 密码学和加密交易的介绍
  11. ServiceStack.Redis连接阿里云redis服务时使用连接池出现的问题
  12. conda create出现连接问题_使用conda安装命令时一直出现问题,因为从2019年4月添加的国内镜像都不能用了...
  13. oracle函数 length rpad lpad
  14. 如何将PDF设置为只读?
  15. java实现带logo的二维码
  16. xp系统更改计算机名c盘,c盘满了怎么办,小编教你电脑xp的c盘满了怎么办
  17. 可能是东半球最好看的vue3日历组件vue-baidu-calendar
  18. vue-cli 原理分析
  19. 网评100首最好听的歌
  20. Ubuntu16.04安装谷歌拼音输入法

热门文章

  1. 微软e5服务器怎么样,谈谈哪些人可以买E5洋垃圾CPU
  2. 你每天的忙碌或许只是在啃技术老本
  3. java heap 查看_JAVA HEAP查看简单办法
  4. Linux 常用端口
  5. WCH-Link烧录问题解决方法
  6. 深度学习-LSTM预测未来值
  7. mysql 并行执行sql_MySQL8.0 InnoDB并行执行
  8. 计算机类专业月收入最高,2020年中国大学生就业报告发布!
  9. 6.2.2 QT遇到 ‘QOpenGLWidget‘ file not found 问题的其中一种解决
  10. python计算机二级 常用函数操作