`

多组radiobox提交时后台的获取的情况及处理

 
阅读更多

在HTML标签或者js生成的页面代码中,有时需要提交多组单选按钮,比如一个页面提交多个人员的基本信息:


姓名:

性别单选:男, 女

年龄:



姓名:

性别单选:男, 女

年龄:


 对于“姓名”和“年龄”字段使用文本框可以使用相同的"name"字段,这样在提交在后台处理时可以使用:

 

String[] aplnames = request.getParameterValues("aplname");
String[] aplage = request.getParameterValues("aplage ");

 但是,对于性别,由于'name'属性相同的表示一组内容,如果这里radio的'name'属性都设成一样的,那么两个人员共4个radiobox却只能选一个为checked状态,显然是不行的;只能把一个人员信息性别的两个radiobox设为一组,这两个radio的‘name’设为相同并区别于其他人员的radiobox的‘name’属性。

 

 

如下js代码部分实现,每组radio随机定义'name'属性,后台要知道这raidobox的属性名可以有很多方法,强制改名,或者以一定规律命名(因为是动态生成标签,存在随意删除和增加人员的情况,这里是在提交前强制改名了)。

最重要的是html http提交时一组radiobox实际上只是提交了属性checked为选中的radiobox。

 

前台js:

 

var $row2 = $('<tr></tr>');
var timestampstr = new Date().getTime();
$row2.append('<td class="lefttitle2">性別</td>');
$row2.append('<td><input type="radio" name="aplgender'+timestampstr+'"  checked="checked" value="1"  rdflag="gender" />男<input type="radio" name="aplgender'+timestampstr+'" value="0"  rdflag="gender" />女<span style="color:red;">※必須</span></td>');
$table1.append($row2);

 

后台java:

String[] aplnames = request.getParameterValues("aplname");
for (int i = 0; i < appnum; i++) {//人员总数循环
	String[] rds = request.getParameterValues("aplgender_"+ i);
	log.info("aplgender_"+ i + ", " + Arrays.asList(rds).toString());
	String tmp = "[RADIOS] ";
	for (int j = 0; j < rds.length; j++) {
		tmp += rds[j];
	}
	log.info(tmp);
}

 前台提交了3个人员信息后,后台的 日志显示每个人员的radiobox提交后只是得到了选中的那个,并没有把每组(男、女)的radiobox都提交上来:

 - [ INFO ]  aplgender_0, [0]
 - [ INFO ]  [RADIOS] 0
 - [ INFO ]  aplgender_1, [1]
 - [ INFO ]  [RADIOS] 1
 - [ INFO ]  aplgender_2, [1]
 - [ INFO ]  [RADIOS] 1

 

 

分享到:
评论

相关推荐

    RadioBox_and_CheckBox

    在Android开发中,`RadioBox`(单选按钮)和`CheckBox`(复选框)是用户界面(UI)设计中常见的控件,用于收集用户的输入。它们在很多场景下都发挥着重要作用,如设置选项、进行多选或单选等。本教程将深入讲解这两...

    vc6_radiobox使用入门

    在Windows应用程序开发中,Radiobox(单选按钮)是一种常用的用户界面元素,用于提供一组可选的互斥选项。在VC6中,使用MFC(Microsoft Foundation Classes)库进行基于对话框的应用程序开发时,Radiobox的使用是必...

    前端项目-radiobox.css.zip

    首先,CSS3是层叠样式表的第三版,它带来了许多新的特性和功能,如选择器增强、边框半径、渐变、阴影、过渡、动画以及多列布局等。在“radiobox.css”项目中,开发者可能利用了这些特性来创造独特的单选按钮样式和...

    非常个性化的CSS3自定义checkbox和radiobox演示地址

    CSS3的引入,让这些元素可以被美化并赋予更多个性化的外观。 在CSS3中,我们可以利用`:checked`伪类来控制选中状态下的样式,`:before`和`:after`伪元素来添加自定义内容。比如,我们可以创建一个隐藏的原生...

    纯CSS3美化Checkbox和Radiobox按钮 外观很时尚

    CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和...

    非常个性化的CSS3自定义checkbox和radiobox

    对于浏览器默认的checkbox和Radiobox样式实在是比较丑陋了,今天分享一款非常个性化的CSS3自定义checkbox和radiobox,外观非常时尚。之前也分享过几款类似的CSS3插件,比如HTML5自定义Checkbox和Radiobox、CSS3漂亮...

    自绘CheckBox和RadioBox

    总之,"自绘CheckBox和RadioBox"是一个涵盖了图形绘制、事件处理、状态管理等多个IT知识点的项目,对于希望提升UI开发技能的程序员来说,这是一个很好的学习和实践机会。通过理解和实现这样的项目,可以加深对图形...

    mootools实现checkbox和radiobox效果.rar

    这在处理一组复选框或单选按钮时非常有用,比如实现全选/全不选的功能。 6. **状态管理**:为了跟踪复选框和单选按钮的选中状态,我们需要维护一个状态模型。这可以通过在Element对象上添加自定义属性,或者使用...

    C#中枚举类型和radiobox关联操作的方法

    Radiobox(单选按钮)则常用于用户界面中,让用户在多个选项中选择一个。将枚举类型与Radiobox关联起来可以简化代码,提高可读性和可维护性。以下将详细介绍如何在C#中实现这种关联操作。 首先,我们需要定义枚举...

    MAC风格的checkbox,button,radiobox

    MAC风格的单选框同样注重交互反馈,当用户选择一个选项时,不仅选中的单选框会有变化,其他同组的单选框也会相应更新其状态。 4. **实现技术**: 在Web开发中,可以通过CSS3来模拟MAC风格的这些元素,利用伪类(`:...

    外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码.zip

    在美化Checkbox和Radiobox时,我们可以利用这些特性来改变它们的默认样式,创建出更为精致和定制化的UI元素。例如,可以使用`:checked`伪类来控制选中状态下的样式,配合`::before`和`::after`伪元素生成自定义图形...

    check_and_radio_box.rar_check_and_radio_box_radiobox_单选框

    2. **消息处理**:每个控件都有对应的WM_COMMAND消息,当用户交互时(如点击单选框或复选框)会触发该消息。需要在对话框类的消息映射中添加相应的函数来处理这些消息。 3. **状态管理**:对于单选框,通常只有一个...

    自制单选(radiobox)和多选(checkbox)控件

    最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...

    CSS3/SVG自定义单选框Radiobox跳跃选择动画

    这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款Radiobox也是利用CSS3重写radiobox样式实现的。另外,这款自定义单选框还结合了SVG的特性,实现了单选框...

    美化自定义checkbox和radiobox的jquery插件

    摘要:脚本资源,jQuery,表单美化,jQuery插件 自定义checkbox和radiobox的jquery网页插件,并附上实例效果演示,ezmark插件代码,可将checkbox和radiobox换种风格,用惯了系统默认风格的人,看到本款美化效果后,一定...

    HTML5自定义网页的checkbox radiobox单选按钮和复选框.rar

    默认情况下,它们的样式相对简单,通常只是一个圆形的小圆点(单选)和一个方形的小方框(复选)。 要自定义这些元素的外观,我们通常会结合CSS3来实现。CSS3提供了许多新的选择器、伪类和属性,使我们能够精细化...

    复选框的使用

    这些功能在很多应用中都非常实用,例如在表单填写、设置配置或者多选项选择时。 首先,我们要了解复选框的基本概念。在HTML中,复选框是`&lt;input type="checkbox"&gt;`标签,而在Java Swing、Android、JavaScript(如...

    css3和jquery实现自定义checkbox和radiobox组件

    当我们需要改变Checkbox或Radiobox状态时,通过jQuery添加的事件监听可以触发相应的动画或样式变化,从而增强用户的交互体验。例如,当用户点击自定义Checkbox时,除了改变内部的HTML表示外,还可以触发一个动画效果...

Global site tag (gtag.js) - Google Analytics