HTML radio 或者 checkbox 获取状态为选中的元素的值
<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()+" 没选中"); } }) });});
HTML radio 或者 checkbox 获取状态为选中的元素的值相关推荐
- python单稳态触发_使用 方法可以获取一个列表中最大元素的值。_学小易找答案...
[填空题]若在列表的最后添加新元素,则可以直接使用列表的 方法. [填空题]将一个线程的 属性设置为True,则该线程为守护线程. [填空题]是在调用函数时函数名后面的一对小括号中给出的参数列表. [ ...
- jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- checkbox:获取所有已选中的值
/**获取选中的checkbox值*/function getChecked(){var ids = "";$("input:checkbox[name='id']:ch ...
- 获取select被选中的option的值
<select id="select"> <option>绥江</option> <option>西江< ...
- 获取input相同名字的元素的值
我们在前台的页面定义了许多 具有相同名字的input元素,为了取得对应的值,一种是我们在js中可以这样做: var djs= new Array(); $("input[name='dj'] ...
- html中radio,checkbox值的获取、赋值、注册事件
1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 代码如下: <span>group1:</span> <input type=" ...
- JQuery获取选中的元素(单选框复选框)及其他等
看注释 <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
- html中radio、checkbox选中状态研究(静下心来看,静下心来总结)
html中radio.checkbox选中状态研究(静下心来看,静下心来总结) 一.总结 1.单选框的如果有多个checked 会以最后一个为准 2.js动态添加checked属性:不行:通过 $(& ...
- vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例
vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...
最新文章
- 应用虚拟化技术的五大理由
- 对科目***货币 ***未定义汇率差额科目
- Codeforces 864E - Fire(dp)
- 仿B站(一) 目的分析以及创建 WebAPI + Angular7 项目
- gitlab中的CI
- java集合数组,数组小到大排序,数组大到小排序
- selinux对ftp的影响
- 【2017年第3期】专题:面向社会治理和服务的大数据
- win10如何提高电脑画质_win10电脑怎么提高画质 | 手游网游页游攻略大全
- 第一章 密码学和加密交易的介绍
- ServiceStack.Redis连接阿里云redis服务时使用连接池出现的问题
- conda create出现连接问题_使用conda安装命令时一直出现问题,因为从2019年4月添加的国内镜像都不能用了...
- oracle函数 length rpad lpad
- 如何将PDF设置为只读?
- java实现带logo的二维码
- xp系统更改计算机名c盘,c盘满了怎么办,小编教你电脑xp的c盘满了怎么办
- 可能是东半球最好看的vue3日历组件vue-baidu-calendar
- vue-cli 原理分析
- 网评100首最好听的歌
- Ubuntu16.04安装谷歌拼音输入法
热门文章
- 微软e5服务器怎么样,谈谈哪些人可以买E5洋垃圾CPU
- 你每天的忙碌或许只是在啃技术老本
- java heap 查看_JAVA HEAP查看简单办法
- Linux 常用端口
- WCH-Link烧录问题解决方法
- 深度学习-LSTM预测未来值
- mysql 并行执行sql_MySQL8.0 InnoDB并行执行
- 计算机类专业月收入最高,2020年中国大学生就业报告发布!
- 6.2.2 QT遇到 ‘QOpenGLWidget‘ file not found 问题的其中一种解决
- python计算机二级 常用函数操作