获取radio（单选框）值

最新推荐文章于 2025-09-15 08:45:36 发布

原创最新推荐文章于 2025-09-15 08:45:36 发布 · 4.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsp

本文介绍了一个关于表单元素的简单示例，包括不同类型的输入按钮及其对应的标签。通过JavaScript实现了单选按钮的选择功能，当用户点击不同的单选按钮时，会触发相应的事件并获取被选中按钮的值。

<input type="radio" name="view_type" style="height: 15px; width: 15px;" checked value="perct"/><label style="color: #fff;">利用率</label>
<input type="radio" name="view_type"  style="height: 15px; width: 15px;" value="sendNum"/><label style="color: #fff;">总量</label> 
<input type="radio" name="view_type"  style="height: 15px; width: 15px;" value="trainNum"/> <label style="color: #fff;">车数</label>

$(":radio").click(function(){

	var radioType=$('input:radio[name="view_type"]:checked').val();

});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wang_ouyangsima

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Django

m0_61493000的博客

02-28

540

Django框架获取form表单数据⽅式总结 Django中获取text，password 名字：<input type="text" name="name"><br><br> 密码：<input type="password" name="password"> Form表单提交数据时使⽤的是post⽅式，所以在后端接收参数的时候需要先判断请求⽅式为post时才能请求到数据 name = request.POST.get(‘name’) password =

vue radio单选框,获取当前项(每一项)的value值操作

01-18

1、使用v-for循环的radio单选框 01）需要注意的是，这是使用的是 change 事件，而不是 click 点击事件 (item, key=index> <input type=radio v-model=radioVal :value=item.value @change=getRadioVal

参与评论您还未登录，请先登录后发表或查看评论

jquery获取radio的值

The Last Song 的专栏

05-13

6307

周末在家写点小程序，发现用jquery无法获得radio被选中状态的值。网上一大堆都是骗人的... 我用的是jquery的1.4.4版本 html代码如下方法1 方法2 方法3 方法4

Part 4：表单和类视图--Django从入门到精通系列教程

weixin_30411239的博客

02-04

141

该系列教程系个人原创，并完整发布在个人官网刘江的博客和教程所有转载本文者，需在顶部显著位置注明原作者及www.liujiangblog.com官网地址。一、表单form 为了接收用户的投票选择，我们需要在前端页面显示一个投票界面。让我们重写先前的polls/detail.html文件，代码如下： <h1>{{ question.question_text }}</h1&g...

鼠标光标消失、触摸板失灵？仅用键盘 3 步救回

最新发布

2301_78436271的博客

09-15

7314

其实大部分 “光标消失、触摸板失灵” 都是小问题，不用急着换电脑 —— 按上面的键盘操作步骤一步步试，几乎都能解决。记住：没有鼠标时，「Win 键」「Tab 键」「方向键」「Enter 键」是你的 “万能工具”，熟练用它们，就能完成大部分操作！没有鼠标照样能修 —— 这篇指南全程用键盘操作，从基础排查到系统修复，一步步教你找回光标、激活触摸板，再也不用因 “无法操作” 急得团团转。：如果不确定哪个是触摸板键，可按「Fn+F1-F12」逐个试（不会损坏电脑，按错了最多没反应）。

获取单选框值

m0_60372398的博客

03-14

722

$("input[name='输入框 name属性']:checked").val() 使用js获取单选框的值

php radio 单选框获取与保持值的实现代码

10-29

在PHP中实现单选按钮（radio）值的获取与保持，通常涉及到两个方面：一是如何在表单提交后读取单选按钮的值，二是如何在页面刷新后保持之前选中的单选按钮的状态。首先，我们来讲解单选按钮值的获取。在HTML中，...

JQuery判断radio单选框是否选中并获取值的方法

12-10

本文将详细介绍如何使用jQuery判断radio单选框是否选中以及如何获取其值。首先，让我们来看如何设置单选按钮的选中状态： 1. 使用`.checked`属性： ```javascript $("input[name='名字']").get(0).checked = ...

js获取单选框或复选框值及操作

10-27

对于单选框（radio），获取值的原理与复选框相似。单选框也有`type="radio"`属性，但它们通常使用`name`属性来指定一组单选选项，只有一个选项可以被选中。例如： ```html <input type="radio" name="gender" id=...

三种取消选中单选框radio的方法

09-04

在前端开发中，单选框（radio）是常用于让用户从一组选项中选择一个的表单元素。当需要在页面上动态地取消选中某个单选框时，可以通过JavaScript或jQuery来实现。本文将详细讨论三种取消选中单选框radio的方法，这些...

JS 如何获取radio选中后的值及不选择取radio的值

12-13

以下是网上摘下的文章（未测试但很规范可以模仿）代码如下: <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title>text</title> [removed] var chk = 0; [removed]=function (){ var chkObjs = document.getElementsByName(“radio”); for(var i=0;i<chkObjs.length;i++){ if(chkObjs[i].checked){ chk = i

获取单选框或复选框的

一万个小时

06-17

534

html: 单选框-----》 25岁以下 25~35岁 35~50岁 50岁以上获值 var question1 = $('input:radio[name="radio"]:checked').val(); alter(question1); 复选框-----》 checkbox" name="leibie" value="1" /> 私

通过JS的事件处理取得radio的值

热门推荐

05-13

1万+

http://blog.sina.com.cn/s/blog_50a1e17401017pik.html 提前知识准备：在一个HTML文档中，每个元素都可以设置ID和NAME属性。其中ID属性是唯一属性，不可以重复，一个ID值只能对应一个元素；而NAME属性是可以重复的，一个NAME值可以对应一组元素。所以，使用document.getElementByIdx_x(I

JavaScript && jQuery获取radio/下拉框的选中值

lmb55的专栏

07-19

1415

JavaScript获取radio选中值<ww:iterator value="proceList" status="rowstatus" id="it"> <tr style="cursor: pointer;"> <td class="Page_TableLabel_Center" > <input type="radio"

Django - 数据获取

weixin_33898876的博客

03-31

171

Django - 数据获取　　1、radio值获取　　　　　　　　　　2、checkbox获取　　　　　　　　3、select 获取　　　　　　select 获取值，需要根据前端multiple来获取，get or getlist; 　　　　　　4、上传文件　　　　　　　　上传文件时，form表单中记得加　　　　　　　　　　　　　　　　　　obj...

JQuery判断radio（单选框）是否选中和获取选中值方法总结

qq_37647812的博客

08-12

6431

alert("yes--选中的值为："+$(":radio:checked").val());alert("选中了");一、利用获取选中值判断选中。是否有选中，获取选中的值。单选按钮的值、获取一组。/*------判断。5、设置单选按钮被选中。

获取单选框选中行的值

明天的你会感谢今天的自己

08-21

2457

//从弹窗页面的表中获取到单选按钮行的每个数据 var tr = $('input[name="ck"]:checked').parents("tr"); 本质就是获取到被选行的tr，找到tr后就可以做很多事了，比如取value，去元素等等。...

SpringBoot-狂神（12.动态选择单选/下拉框和 404页面处理）学习笔记

圆的博客

09-17

594

文章目录1. 根据数据动态选择单选框2. 根据数据动态选择下拉框3. 404页面处理 1. 根据数据动态选择单选框 th:checked="${ XXX }" 2. 根据数据动态选择下拉框 th:selected="${ XXX }" 3. 404页面处理就只需要，在resources 下的 templates 中建一个 error文件夹 ,把对应处理的错误的页面放进去即可如果处理 404 错误，就写一个 404.html 如果处理 500 错误，就写一个 500.html 其他同理测试：

js获取单选框的value值

08-27

如果你使用了 jQuery 库，可以通过更简洁的语法来获取选中的单选框值： ```html <input type="radio" name="sex" value="1" checked> 男 <input type="radio" name="sex" value="0"> 女获取选中值 ...