layui 表单数据初始化元素checkbox如何初始化数据

关于表单中checkbox的name值和value值 - 简书
关于表单中checkbox的name值和value值
表单中的数据以key=value的形式提交给后端,key即为name的值。
多选框的数据最好以数组的形式提交,即给同一组的选项以相同的name,并赋予其不同的value值,这样的数据提交到后端是以name=value1&name=value2...的形式
在给name命名时,为避免提交多个相同的name产生覆盖情况,最好以***[]的形式将name命名为一个数组。例如
&!DOCTYPE html&
&meta charset="utf-8"&
&title&checkbox/title&
&form action=""
method="get"&
&div class="wrap" &
&input type="checkbox" name="hobby[]" id="dota" value="dota"&
&label for="dota"&Dota&/label&
&input type="checkbox" name="hobby[]" id="travel" value="travel"&
&label for="travel"&旅游&/label&
&input type="checkbox" name="hobby[]" id="pet" value="pet"&
&label for="pet"&宠物&/label&
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/c153b0e1b88a4ad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
立志成为前端大牛的一只菜鸟
Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智能路由,微代理,控制总线)。分布式系统的协调导致了样板模式, 使用Spring Cloud开发人员可以快速地支持实现这些模式的服务和应用程序。他们将在任何分布式...
百战程序员_ Java1573题 QQ群:034603 掌握80%年薪20万掌握50%年薪10万 全程项目穿插, 从易到难,含17个项目视频和资料持续更新,请关注www.itbaizhan.com 国内最牛七星级团队马士兵、高淇等11位十年开发经验专...
Java 基础思维导图,让 Java 不再难懂 - 工具资源 - 掘金思维导图的好处 最近看了一些文章的思维导图,发现思维导图真是个强大的工具。了解了思维导图的作用之后,觉得把它运用到java上应该是个不错的想法,这样回顾知识点的时候一目了然,快速知道自己的短板。 思维导图...
//我所经历的大数据平台发展史(三):互联网时代 o 上篇http://www.infoq.com/cn/articles/the-development-history-of-big-data-platform-paet02 编者按:本文是松子(李博源)的大数据平台发展史...
1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语法,集合的语法,io的语法,虚拟机方面的语法。 1、一个&.java&源文件中是否可以包括多个类(不是内部类)?有什么限制? 可以有多个类,但只能有一个publ...
1.【清晨冥想】25分钟 2016年11月共24天,600分钟。 2016年全年共计140天,2805分钟。 2.【清晨拉伸】10分钟 2016年11月共计19天,198分钟。 2016年全年共计71天,690分钟。 3.【电影】 《西部世界.Westworld.S01E0...
自从开通微信以来,以前年度还能做到每月发一条状态,证明自己没灭亡,还好好的活着,如今可能是2-3个月发一条消息,证明自己还存在着。 有的人直接把朋友圈屏蔽掉,这种风格喜欢,便是自己还是做不来,毕竟再怎么说也是社会化的动物。 虽然不发微信,却是经常看看朋友圈在发些什么?突然想...
关于努力,龙应台有过这样的回答。 她曾在给安德烈的一封信中写道:“孩子,我要求你读书用功,不是因为我要你跟别人比成绩,而是因为,我希望你将来会拥有选择的权利,选择有意义、有时间的工作,而不是被迫谋生。当你的工作在你心中有意义,你就有成就感。当你的工作给你时间,不剥夺你的生活...
时尚护肤顾问,伊的家直属护肤讲师 小浩老师,QQ: 从事护肤行业,已经有4个年头了 小浩老师个人工作简介: 不知不觉中又度过一年,离当初进入护肤行业也有四个年头了,想想当初每天苦逼凌晨2点学习-培训-分析客户问题,到如今帮助过3000多名男女性朋友分析肌...写过的代码,都是你的财富
form表单checkbox密码等验证示例
部分HTML代码:
&pre name="code" class="html"&&form action="*.do"&
&table cellpadding="0" cellspacing="0" border="0"&
&td class="bor-bot"
style="padding-left: 5"&
动态密码: &input type="text" maxlength="20" style="border:0height:25width:110 font-size:11" name="dtmm" id="dtmm" value="" placeholder="请输入动态密码" /&
&input type="button" id="getpass" name="getpass" value="
获取" class="send" /&
&td colspan="3" class="checkbox bor-bot" width="100%" &
&div style="margin-left: 0;"&&input type="checkbox" name="cbType" value="网购"/&网购&/div&
&div&&input type="checkbox" name="cbType" value="海淘"/&海淘&/div&
&div&&input type="checkbox" name="cbType" value="美食"/&美食&/div&
&div&&input type="checkbox" name="cbType" value="娱乐"/&娱乐&/div&
&div&&input type="checkbox" name="cbType" value="旅游"/&旅游&/div&
&td colspan="3" class="checkbox bor-bot" width="100%" &
&input type="checkbox" value="1" id="agreement" name="agreement"/&&a href=""&本人已阅读活动条款&/a&
&span style="white-space:pre"& &/span&&input
id="btnSubmit" name="send" type="submit" value="提交"/&
部分JS代码:
&script type="text/javascript" charset="utf-8" src="&%=ConfigUtil.getProjectBasePath()%&jqmobile/jquery-1.5.2.min.js"&&/script&
&script type="text/javascript" charset="utf-8"&
$("#btnSubmit").click(function(){
var tag = "";
$(":checkbox[name='cbType']:checked").each(function(){ tag = tag + this.value + ","});
tag = tag.replace(/,$/,"");
alert("请选择标签!");
if(!$("#agreement:checked").val()){ //很经典简洁的用法
&span style="white-space:pre"&
&/span&alert("请同意活动条款!");
&span style="white-space:pre"&
if($("#dtmm").val()==""){
alert("请输入动态密码!");
}else if($("#getpass").val()=="获取"){
alert("输入超时,请重新获取动态密码!");
}else if(pass!=$("#dtmm").val()){
alert("您输入的动态密码有误,请重新输入!");
$("#regTag").val(tag);
$("form").submit();
form表单验证的示例:有文本框text、复选框checkbox的验证。
复选框分两种情况:一是多个复选框必须选择至少一个;二是单个复选框必须选择,常用于注册页面同意条款或协议等才能提交。
需要都验证通过才能提交页面。
没有更多推荐了,10:03 提问
如何将从数据库中获取到的checkbox的值再存储到数据库?
1.如图,大类信息是从数据库中读取出来的,通过 var set = db.ProC
ViewBag.aa =读取显示到页面上
2.现在要勾选checkbox,获取选中的复选框的值,传入控制器,再存储到数据库应该如何实现?
3.之前做过类似的,但是有不一样的地方。之前的checkbox的值是固定的 设置ID 通过
var obox = document.getElementById("box1");
var cboList = obox.getElementsByTagName("input");
var oText = document.getElementById("isb");
//点击复选框 获取复选框的值
document.getElementById("xiaoshou1").onclick = function (e) {
var src = e ? e.target : event.srcE
if (src.tagName == "INPUT") {
var values = [];
for (var i = 0; i & cboList. i++) {
if (cboList[i].checked) {
values.push(cboList[i].value);
oText.value = values.join(",");
的方式获取到复选框的值,再通过表单提交。
我的问题是要实现相同的功能应该如何实现?求大神指点一二,小生在此谢过!
按赞数排序
从数据库读取,再设置下界面的选择
用document.getbydocumentid啊
没有固定的ID啊
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐Small project lion, wild program apes.
解决问题:form表单提交复选框数据, 只收到最后一条数据
&form action="" method="post"&
&input type="hidden" name="group_id" value="{$group_id}"&
&volist name='pandas' id='panda'&
&td&{$panda.generation_num}&/td&
&td&&input type="checkbox" name="panda_id[]" value="{$panda.id}"&&/td&
&td colspan="2" &&button type="submit" style="margin-left: 46%" &提交&/button&&/td&&
&/form&用数组作为复选框的name值.
没有更多推荐了,JAVA获取form表单中checkbox与input的值
[问题点数:60分,结帖人q]
本版专家分:0
结帖率 100%
CSDN今日推荐
本版专家分:52
本版专家分:6440
本版专家分:614
本版专家分:0
结帖率 100%
本版专家分:0
结帖率 100%
本版专家分:60
匿名用户不能发表回复!|
CSDN今日推荐}

我要回帖

更多关于 form 表单 checkbox 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信