在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和CheckBox实例代码
前端项目-radiobox.css,一组很小的CSS3动画,用于收音机输入。
推荐一款非常个性化的CSS3自定义checkbox和radiobox演示地址
CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和...
对于浏览器默认的checkbox和Radiobox样式实在是比较丑陋了,今天分享一款非常个性化的CSS3自定义checkbox和radiobox,外观非常时尚。之前也分享过几款类似的CSS3插件,比如HTML5自定义Checkbox和Radiobox、CSS3漂亮...
完全自绘的CheckBox和RadioBox,有需要的可以参考下,并给些意见!
radiobox的使用,开发环境:VC6-MFC基于对话框的应用程序。适合入门的人员。
mootools实现checkbox和radiobox效果
MAC风格的checkbox,button,radiobox
最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...
这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款Radiobox也是利用CSS3重写radiobox样式实现的。另外,这款自定义单选框还结合了SVG的特性,实现了单选框...
主要介绍了C#中枚举类型和radiobox关联操作的方法,实例分析了C#中枚举类型及与控件关联操作的相关技巧,需要的朋友可以参考下
摘要:脚本资源,jQuery,表单美化,jQuery插件 自定义checkbox和radiobox的jquery网页插件,并附上实例效果演示,ezmark插件代码,可将checkbox和radiobox换种风格,用惯了系统默认风格的人,看到本款美化效果后,一定...
外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码.zip 外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码.zip 外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码.zip
HTML5自定义网页的checkbox radiobox单选按钮和复选框,把单选按钮变成一个点击变色的花朵,把复选框的对勾变成自定义的形状,比默认效果漂亮多了,这里的定义使用了自定义图片。
纯CSS3美化复选框和单选框按钮,用HTML5的CSS3技术美化网页上的Checkbox和Radiobox按钮,经过美化后,变得时尚多了,和默认风格完全不一样了,美化后的风格也是目前在手机上比较容易看到的效果,实现方法和具体代码...
主要思路是利用隐藏原来的checkbox和radiobox,用一个div来模拟checkbox/radiobox,并使用jQuery来完成选择切换时的动画效果。 复制代码代码如下:<ul> <li> <p>Gender:</p> </li> <li> <input type=”radio” ...