HTML获取radio的值

最新推荐文章于 2023-11-29 10:13:09 发布
最新推荐文章于 2023-11-29 10:13:09 发布
阅读量6.7k 收藏 3
点赞数 2
文章标签： html radio $_POST
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Elainalu/article/details/80083093
版权

问题描述：

最近在学习PHP，需要做一个投票界面，在另一个界面中获取投票的结果。实现如下：



代码如下：

为了看起来更加简洁，这里只显示body部分

<body>
<form name="form3" method="post" action="ee.php">
	<table>
    	<tr>
            <td><input name="lan" type="radio" value="PHP" />PHP</td>
            <td><input name="lan" type="radio" value="ASP" />ASP</td>
            <td><input name="lan" type="radio" value="JSP" />JSP</td>
            <td><input name="lan" type="radio" value="ASP.NET" />ASP.NET</td>
            <td><input  name="submit" type="submit" value="提交" /></td>
        </tr>
        </table>
        </form>
</body>

ee.php:

<body>
<?php
	if(isset($_POST["submit"])&&$_POST["submit"]=="提交")
	{
		echo "您的选择是：".$_POST["lan"];
	}
?>
</body>
使用input radio做一组单选按钮，这里要注意name的名称必须相同，否则则不是一个组，即不再是单选。

在ee.php中$_POST["lan"]返回的是所选择的那项选项的value的值。

action="ee.php"
上面的一行代码负责将两个php文件链接起来，使得提交按钮按下后，页面会跳转到ee.php这个文件中。
Elainalu
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html 获取选中radio,如何在html中获取被选中的radio的值？
weixin_39903375的博客
06-10 3489
匿名用户1级2017-12-01 回答一般来说,就是使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.1:找出网页中所有控件的name为"rdPort"的控件,再遍历判断var ip="";var rPort = document.all.rdPort;for(i=0;i{if(rPort[i].checked)ip=rPort[i].value;}和这个相似的还有另一种:2:v...
获取html radio 的值
SuperChen12356的博客
06-24 1822
var level = $("input[name='typelevel']:checked").attr("value"); <input type="radio" name="typelevel" lay-filter="level" value="1" title="一级菜单"> <input type="radio" name="typelevel" lay-filter="level" value="2" title="二级菜单" checked=""
jquery radio
06-25 278
jquery radio 选中 取消选中: $("input:radio[name='analyfsftype']").eq(0).attr("checked",'checked'); $("input:radio[name='analyshowtype']").attr("checked",false);   使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在
html 获取当前radio的选中值，并动态获取radio的切换值
最新发布
q8688的博客
11-29 2158
当 radio 元素的值发生变化时，监听器会执行一个函数，该函数获取选中的 radio 元素的值，并输出它。方法选择具有选中状态的 radio 元素，然后获取它的值。要在这段 HTML 代码中动态获取 radio 的值，你可以使用 JavaScript 的。要获取这段 HTML 代码中 radio 的值，你可以使用 JavaScript 的。方法来选择具有选中状态的 radio 元素，然后获取它的值。方法获取所有 radio 元素，然后为每个 radio 元素添加。在这个示例中，我们使用。
html中radio值的获取、赋值、注册事件示例详解
xyjikl
06-29 2763
1，radio分组 只要name一样，就是一组的，即一组中只能选择一个，如下： 复制代码 代码如下: group1: radio1 radio2 radio3 group2: radio4 radio5 radio6 效果如下：   2，获取选中的radio节点 使用jquery可以很方便做到，先选择grou
Jquery获取radio选中的值
10-19
以下是一个完整的示例，展示了如何在页面加载完成后获取选中 radio 的值并弹出警告框： ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
用js的for循环获取radio选中的值
10-26
在JavaScript中，获取单选按钮（radio）选中值是一项常见的任务，特别是在处理表单数据时。本文将详细讲解如何使用for循环来实现这一功能。首先，我们需要理解HTML中的单选按钮元素`<input type="radio">`以及它们在...
使用Java获取html中Select,radio多选的值方法
09-05
本文将详细介绍如何使用Java从HTML页面中获取Select和Radio多选框的值。 首先，让我们看看HTML部分。在HTML中，`<select>`元素用于创建下拉列表，其中`multiple`属性表示用户可以选择多个选项。例如： ```html ...
Java基于正则表达式获取指定HTML标签指定属性值的方法
08-31
` 匹配等号后可能存在的双引号或单引号内的值，使用非贪婪匹配获取属性值。 - `(\\s.*?)?>` 匹配可能存在的其他属性和结束标签的 `>`。 2. **编译和执行正则表达式**： 使用 `Pattern.compile(reg)` 编译正则...
JS获取选中的radio button的值
03-21
Javascript获取被选中的Radio button的值或者文本。
html注册验证radio,html中radio值的获取、赋值、注册事件示例详解分享
weixin_34377037的博客
06-25 874
1，radio分组只要name一样，就是一组的，即一组中只能选择一个，如下：复制代码代码如下:group1:radio1radio2radio3group2:radio4radio5radio6效果如下：2，获取选中的radio节点使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下：复制代码代码如下:var group1 = $(“[name=’group1′]”)...
html 表单获取radio的值,用JS和JQuery分别获取表单元素的值(select,checkbox,radio)
weixin_29194693的博客
06-08 673
废话不多说直接上代码HTML部分表单元素值获取下拉列表---星期一星期二星期三星期四星期五多选框swimmingsingingdrawingtravelling单选框boygirl用JavaScript的方法解释说明部分在注释中//用原生JS获取var getSelectorValue = function(){var selector = document.getElementById("wee...
获取html单选按钮radio的value值
weixin_43084219的博客
10-31 9678
获取html单选按钮radio的value值 #由于长时间没有使用，给忘了，然后百度了一下，都是些扯淡的答案，很基础，百度了很久，试了很久，于是决定把这个正确的方案记录下来 $(function(){ $("#bankCardNext").on(“click”,function(){ var value=""; var bank=document.getElementsByName(“bank”)...
[HTML]取得radio的value的sample
fatfox的专栏
12-06 962
        Radio1      Radio2       function getChoice() {    if(document.myForm.radiobutton[0].checked) {     document.myForm.Num.value=document.myForm.radiobutton[0].value;  } else if (document.my
html5 单选框传值,如何在html中获取被选中的radio的值？
weixin_35951321的博客
06-07 1432
一般来说,就是使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.1:找出网页中所有控件的name为"rdPort"的控件,再遍历判断var ip="";var rPort = document.all.rdPort;for(i=0;i{if(rPort[i].checked)ip=rPort[i].value;}和这个相似的还有另一种:2:var ip="";var rPort ...
【转】html input radio取得被选中项的value
weixin_30328063的博客
12-01 290
html代码： <input id="rad1" name="rad" type="radio" value="1"/> <input id="rad2" name="rad" type="radio" value="2"/> <input id="rad3" name="rad" type="radio" value="3"/> 使用jquer...
html获取单选框属性值,使用jquery获取HTML中的radio元素的值
weixin_30830643的博客
06-03 635
好久没写文章了，今天就水一把。写个关于jquery中的一个小小的使用常识吧。jquery可以说是一个使用最普遍的一个JS插件了，使用JQ可以很轻松的写出一个特定功能的JS代码，而又不用去记忆原生JS中那些长长的函数命令了。几种利用Jquery来获取HTML标记语言中被选中radio元素的值HTML表单中radio元素示例HTML代码我们通常是要获取被选中的那个radio项的值，所以要加checke...
html中radio值的获取、赋值、注册事件。
互联网－从零开始
12-12 6222
1，radio分组 只要name一样，就是一组的，即一组中只能选择一个，如下： group1: radio1 radio2 radio3 group2: radio4 radio5 radio6 效果如下： 2，获取选中的radio节点 使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下：
gin获取html中radio选择的值
05-30
如果您使用的是 Golang 和 Gin 框架来处理后端的逻辑，获取 HTML 中 radio 选择的值则需要在前端页面使用 JavaScript 将选中的值传递给后端。这里提供一种示例代码： 前端 HTML 文件： ```html <form> <input type="radio" name="radio_name" value="value_1"> Value 1<br> <input type="radio" name="radio_name" value="value_2"> Value 2<br> <input type="radio" name="radio_name" value="value_3"> Value 3<br> <button type="button" onclick="submitForm()">Submit</button> </form> <script> function submitForm() { var radios = document.getElementsByName('radio_name'); var selected_value; for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { selected_value = radios[i].value; break; } } fetch('/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ selected_value: selected_value }) }).then(response => { console.log(response); }); } </script> ``` 后端 Golang 代码： ```go package main import ( "fmt" "net/http" ) type RequestBody struct { SelectedValue string `json:"selected_value"` } func main() { router := http.NewServeMux() router.HandleFunc("/submit", func(w http.ResponseWriter, r *http.Request) { if r.Method != "POST" { http.Error(w, "Method not allowed", http.StatusMethodNotAllowed) return } var reqBody RequestBody if err := json.NewDecoder(r.Body).Decode(&reqBody); err != nil { http.Error(w, err.Error(), http.StatusBadRequest) return } selectedValue := reqBody.SelectedValue fmt.Fprintf(w, "Selected value: %s", selectedValue) }) http.ListenAndServe(":8080", router) } ``` 这里使用 fetch API 将选中的值以 JSON 格式传递给后端的 `/submit` 接口，后端则使用 `json.NewDecoder()` 函数解析传递过来的 JSON 请求体，从而取得选中的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值