web单选按钮传值问题

简介: web单选按钮传值问题

单选按钮代码:

<input type="hidden" name="quest1" id="quest1" value="">
<input name="Fruit" type="radio" value="1" />苹果
<input name="Fruit" type="radio" value="2" />桃子
<input name="Fruit" type="radio" value="3" />香蕉
<input name="Fruit" type="radio" value="4" />梨<

第一个隐藏的input是用来保存你选择的数据

input的值变化要用js来控制,我这里是用了jquery,可自行下载一个,js代码如下

<script>
$('input[type=radio]').change(function() {
  var m = $(this).val();//获取选中的值
  $("#quest1").val(m);//把值保存到questi控件里面
})
</script>

服务器获取前台数据代码:

String a=req.getParameter("quest1");

这样根据a的值就知道选取了哪一个

相关文章
|
5月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`&lt;select&gt;` 和 `&lt;option&gt;`)、文本域(`&lt;textarea&gt;`)、标签解释(`&lt;label&gt;`)、各类按钮(`&lt;button&gt;`)及表单重置功能、无语义布局标签(`&lt;div&gt;` 和 `&lt;span&gt;`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
7月前
|
前端开发
网页设计04 WEB端按钮设计技巧,交互规范参考资料,点击事件,什么是3:1 ,3:1 的介绍,网页设计牵扯的知识整理成口诀
网页设计04 WEB端按钮设计技巧,交互规范参考资料,点击事件,什么是3:1 ,3:1 的介绍,网页设计牵扯的知识整理成口诀
|
9月前
|
JavaScript 前端开发
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
【5月更文挑战第2天】【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
web窗体页面之间的传值
web窗体页面之间的传值
81 0
|
JavaScript
web复选框的传值问题
web复选框的传值问题
100 0

热门文章

最新文章