在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
相关推荐
在Android开发中,`RadioBox`(单选按钮)和`CheckBox`(复选框)是用户界面(UI)设计中常见的控件,用于收集用户的输入。它们在很多场景下都发挥着重要作用,如设置选项、进行多选或单选等。本教程将深入讲解这两...
在Windows应用程序开发中,Radiobox(单选按钮)是一种常用的用户界面元素,用于提供一组可选的互斥选项。在VC6中,使用MFC(Microsoft Foundation Classes)库进行基于对话框的应用程序开发时,Radiobox的使用是必...
首先,CSS3是层叠样式表的第三版,它带来了许多新的特性和功能,如选择器增强、边框半径、渐变、阴影、过渡、动画以及多列布局等。在“radiobox.css”项目中,开发者可能利用了这些特性来创造独特的单选按钮样式和...
CSS3的引入,让这些元素可以被美化并赋予更多个性化的外观。 在CSS3中,我们可以利用`:checked`伪类来控制选中状态下的样式,`:before`和`:after`伪元素来添加自定义内容。比如,我们可以创建一个隐藏的原生...
CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和...
对于浏览器默认的checkbox和Radiobox样式实在是比较丑陋了,今天分享一款非常个性化的CSS3自定义checkbox和radiobox,外观非常时尚。之前也分享过几款类似的CSS3插件,比如HTML5自定义Checkbox和Radiobox、CSS3漂亮...
总之,"自绘CheckBox和RadioBox"是一个涵盖了图形绘制、事件处理、状态管理等多个IT知识点的项目,对于希望提升UI开发技能的程序员来说,这是一个很好的学习和实践机会。通过理解和实现这样的项目,可以加深对图形...
这在处理一组复选框或单选按钮时非常有用,比如实现全选/全不选的功能。 6. **状态管理**:为了跟踪复选框和单选按钮的选中状态,我们需要维护一个状态模型。这可以通过在Element对象上添加自定义属性,或者使用...
Radiobox(单选按钮)则常用于用户界面中,让用户在多个选项中选择一个。将枚举类型与Radiobox关联起来可以简化代码,提高可读性和可维护性。以下将详细介绍如何在C#中实现这种关联操作。 首先,我们需要定义枚举...
MAC风格的单选框同样注重交互反馈,当用户选择一个选项时,不仅选中的单选框会有变化,其他同组的单选框也会相应更新其状态。 4. **实现技术**: 在Web开发中,可以通过CSS3来模拟MAC风格的这些元素,利用伪类(`:...
在美化Checkbox和Radiobox时,我们可以利用这些特性来改变它们的默认样式,创建出更为精致和定制化的UI元素。例如,可以使用`:checked`伪类来控制选中状态下的样式,配合`::before`和`::after`伪元素生成自定义图形...
2. **消息处理**:每个控件都有对应的WM_COMMAND消息,当用户交互时(如点击单选框或复选框)会触发该消息。需要在对话框类的消息映射中添加相应的函数来处理这些消息。 3. **状态管理**:对于单选框,通常只有一个...
最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...
这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款Radiobox也是利用CSS3重写radiobox样式实现的。另外,这款自定义单选框还结合了SVG的特性,实现了单选框...
摘要:脚本资源,jQuery,表单美化,jQuery插件 自定义checkbox和radiobox的jquery网页插件,并附上实例效果演示,ezmark插件代码,可将checkbox和radiobox换种风格,用惯了系统默认风格的人,看到本款美化效果后,一定...
默认情况下,它们的样式相对简单,通常只是一个圆形的小圆点(单选)和一个方形的小方框(复选)。 要自定义这些元素的外观,我们通常会结合CSS3来实现。CSS3提供了许多新的选择器、伪类和属性,使我们能够精细化...
这些功能在很多应用中都非常实用,例如在表单填写、设置配置或者多选项选择时。 首先,我们要了解复选框的基本概念。在HTML中,复选框是`<input type="checkbox">`标签,而在Java Swing、Android、JavaScript(如...
当我们需要改变Checkbox或Radiobox状态时,通过jQuery添加的事件监听可以触发相应的动画或样式变化,从而增强用户的交互体验。例如,当用户点击自定义Checkbox时,除了改变内部的HTML表示外,还可以触发一个动画效果...