老师我有个问题：选中多选框，点击提交审批后，如何获取多选框下某个字段的值？
//获取checkBox的元素 var ids = $('input[type=checkbox]'); var data = ''; var status = ''; ids.each(function () { //获取当前元素的勾选状态 if ($(this).prop("checked")) { data = data + $(this).val() + ","; } });
<tbody> <!-- 开始循环 --> <c:choose> <c:when test="${not empty varList}"> <c:if test="${QX.cha == 1 }"> <c:forEach items="${varList}" var="var" varStatus="vs"> <tr> <td class='center'> <label class="pos-rel"><input type='checkbox' name='ids' id="xuhao" value="${var.PROJECT_ID}" class="ace" /><span class="lbl"></span></label> </td> <input type="hidden" name="UPD_CNT" id="UPD_CNT" value="${var.UPD_CNT}"/> <td class='center' style="width: 30px;">${vs.index+1}</td> <td class='center'>${var.PROJECT_NAME}</td> <%--判断审计类型--%> <c:if test="${not empty auditType}"> <c:forEach items="${auditType}" var="auditType"> <c:if test="${var.AUDIT_TYPE eq auditType.ORDER_BY}" ><td class='center'>${auditType.NAME}</td></c:if> </c:forEach> </c:if> <%--判断审计方法--%> <c:if test="${not empty auditMethod}"> <c:forEach items="${auditMethod}" var="auditMethod"> <c:if test="${var.AUDIT_METHOD eq auditMethod.ORDER_BY}"><td class='center'>${auditMethod.NAME}</td></c:if> </c:forEach> </c:if> <td class='center'>${var.CREATE_NAME}</td> <td class='center'>${var.CR_DATETIME}</td> <%--判断项目状态--%> <c:if test="${not empty projectStatus}"> <c:forEach items="${projectStatus}" var="projectStatus"> <%--<c:if test="${var.PROJECT_STATUS eq projectStatus.ORDER_BY}"><input type="hidden" name="PROJECT_STATUS" id="PROJECT_STATUS" value="${var.PROJECT_STATUS}" /></c:if>--%> <c:if test="${var.PROJECT_STATUS eq projectStatus.ORDER_BY}"><td class='center' id="PROJECT_STATUS">${projectStatus.NAME}</td></c:if> </c:forEach> </c:if> </tr> </c:forEach> </c:if> <c:if test="${QX.cha == 0 }"> <tr> <td colspan="100" class="center">您无权查看</td> </tr> </c:if> </c:when> <c:otherwise> <tr class="main_info"> <td colspan="100" class="center" >没有相关数据</td> </tr> </c:otherwise> </c:choose> </tbody>
想选中一条或多条时，获得
<td class='center' id="PROJECT_STATUS">${projectStatus.NAME}</td>
的值好进行判断
老师，我该怎么改标签才能实现配送到跟搜索栏对齐啊
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script> /**生成验证码*/ var ran; function YZM() { //生成随机四位整数 ran = Math.floor(Math.random() * 9000 + 1000); //获取span对象 var span = document.getElementById("yzm_span"); span.innerText = ran; } /**校验用户名方法*/ function checkName() { //汉字的正则表达式 var reg = /^[\u4e00-\u9fa5]{3,6}$/; return check("uname", reg); } /**校验密码方法*/ function checkPwd() { //密码的正则表达式 var reg = /^\d{3,6}$/; return check("pwd",reg); } /**校验邮箱方法*/ function checkEmail() { //邮箱的正则表达式 var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; return check("email",reg) } /**校验手机号方法*/ function checkPhone() { var reg = /^\d{11}$/; return check("phone",reg) } /**提取公共部分*/ function check(id, reg) { //获取对象 var ob = document.getElementById(id); //获取value值 var val = ob.value; //获取alt值 var alt = ob.alt; //获取span对象 var span = document.getElementById(id + "_span"); if (val == null || val == "") { span.innerText = "×" + alt + "不能为空"; span.style.color = "red"; return false; } else if (reg.test(val)) { span.innerText = "√" + alt + "合法"; span.style.color = "green"; return true; } else { span.innerText = "不合法"; span.style.color = "red"; return false; } } /**校验性别*/ function checkSex() { //获取所有性别对象 var sex = document.getElementsByName("sex"); //获取span对象 var span = document.getElementById("sex_span"); for (var i in sex) { if (sex[i].checked){ span.innerText="性别选择成功"; span.style.color="green"; return true; } } span.innerText="请选择性别"; span.style.color="red"; return false; } /**校验籍贯*/ function checkAddress() { var sel = document.getElementById("sel").value; var span = document.getElementById("sel_span"); if (sel==0) { span.innerText="请选择籍贯"; span.style.color="red"; return false; } else { span.innerText="籍贯选择成功"; span.style.color="green"; return true; } } /**校验验证码*/ function checkYZM() { //获取输入的验证码 var yzm = document.getElementById("yzm").value; //获取span标签 var span = document.getElementById("yzm2_span"); if (yzm==ran) { span.innerText="验证码正确"; span.style.color="green"; return true; } else { span.innerText="验证码不正确"; span.style.color="red"; return false; } } /**是否同意协议*/ function checkAgree() { //同意框 var check = document.getElementById("check"); //提交 var sub = document.getElementById("sub"); sub.disabled=!check.checked; } /**总体判断*/ function zong() { var flag=checkName()&&checkPwd()&&checkEmail()&&checkPhone()&&checkYZM()&&checkAgree()&&checkAddress()&&checkSex(); return flag; } /* * 正则表达式： * * 正则表达式是对于数据格式进行一定的规范限制 * * * ^：开始 * [0-9] [a-z A-Z] :数字 字母 * * {2,4} ：段域 至少是2位 最多是4位 * {3}:指定范围就是3位 * {2,}:至少是2位 * $:结束 * * \d：[0-9] * * \w[0-9 a-z A-Z] * * */ </script> </head> <body> <center> <h3>注册页面</h3> <hr/> <form action="" method="get" onsubmit="return zong()"> <table> <tr height="35px"> <td width="150px">用户名：</td> <td width="500px"> <input type="text" name="uname" id="uname" alt="用户名" onblur="checkName()"/> <span id="uname_span">用户名必须是3-5个汉字</span> </td> </tr> <tr height="35px"> <td>密码：</td> <td> <input type="password" name="pwd" id="pwd" alt="密码" onblur="checkPwd()"> <span id="pwd_span"></span> </td> </tr> <tr height="35px"> <td>手机号：</td> <td> <input type="text" name="phone" id="phone" alt="手机号" onblur="checkPhone()"/> <span id="phone_span"></span> </td> </tr> <tr height="35px"> <td>邮箱：</td> <td> <input type="text" name="email" id="email" alt="邮箱" onblur="checkEmail()"/> <span id="email_span"></span> </td> </tr> <tr height="35px"> <td>性别：</td> <td> 男：<input type="radio" name="sex" value="1" onclick="checkSex()"/> 女：<input type="radio" name="sex" value="0" onclick="checkSex()"> <span id="sex_span"></span> </td> </tr> <tr height="35px"> <td>爱好；</td> <td> <input type="checkbox" name="fav" value="1"/>唱歌 <input type="checkbox" name="fav" value="2"/>睡觉 <input type="checkbox" name="fav" value="3"/>LOL<br/> <input type="checkbox" name="fav" value="4"/>旅游 <input type="checkbox" name="fav" value="5"/>看电影 <input type="checkbox" name="fav" value="6"/>听音乐 </td> </tr> <tr height="35px"> <td>籍贯：</td> <td> <select name="address" id="sel" onchange="checkAddress()"> <option value="0">--请选择--</option> <option value="1">河南</option> <option value="2">湖南</option> <option value="3">海南</option> <option value="4">云南</option> </select> <span id="sel_span"></span> </td> </tr> <tr height="35px"> <td>验证码：</td> <td> <input type="number" id="yzm" onblur="checkYZM()"/> <input type="button" id="hq" value="点击获取验证码" onclick="YZM()"/> <span id="yzm_span"></span> <span id="yzm2_span"></span> </td> </tr> <tr height="35px"> <td>个人介绍：</td> <td> <textarea name="intro" rows="8" cols="30"></textarea> </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="checkbox" id="check" onclick="checkAgree()">是否同意协议 </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="submit" id="sub" value="注册" disabled="true"> </td> </tr> </table> </form> </center> </body> </html>
籍贯这里不选择的话也能提交 有没有什么方法 在提交的时候能提醒选择籍贯或者报错
第一个实操，注册界面，
如何将用户名、密码、手机号这些对齐？
还有后面的框框也对齐？
代码如下;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录</title> <style> .top{ text-align: center; } .center{ text-align: center; } </style> </head> <body> <div class="top"> <h1>注册界面</h1> </div> <hr/> <div class="center" > <form> 用户名：<input type="text" name="username" placeholder="zhangsan"><br/><br/> 密码：<input type="password" name="pwd" placeholder="123456"/><br><br> 手机号：<input type="tel" name="tel" placeholder="+86"/><br><br> 邮箱：<input type="email" name="email" placeholder="@qq.com"><br><br> 性别: 男：<input type="radio" name="sex"/> 女：<input type="radio" name="sex"/><br><br> 爱好：<input type="checkbox" />唱歌 <input type="checkbox" /> 睡觉 <input type="checkbox" /> LOL <br> <input type="checkbox" /> 旅游 <input type="checkbox" /> 高尔夫 <input type="checkbox" /> 篮球 <br><br> 籍贯：<select > <option>--请选择</option> <option>中国</option> <option>俄国</option> <option>法国</option> <option>德国</option> </select> <br><br> 个人介绍：<textarea rows="10" cols="10" ></textarea> <br><br> <input type="checkbox" />是否同意协议 <br><br> <input type="submit" value="提交"/> </form> </div> </body> </html>
老师，我在hbuilder中打开的时候，出现了一张有照片，一张没有照片，出现照片的是相对路径的照片。
而在复制粘贴之后到桌面上的HTML打开的是绝对路径的显示照片，而相对路径不显示。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--相对路径-->
<img src="img/2.jpg" />
<!--绝对路径-->
<img src="F:\\百战网页编程与设计\\项目\\01HTML\\img\\1.jpg" />
<!--网络路径-->
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />
<p>
6666
<a href="#">
<img src="img/2.jpg" title="图片2" width="200px" height="100px" border="2px" alt="图片显示错误" align="center" />
</a>
8888
</p>
</body>
</html>
就很奇怪，望能解答，谢谢。
用vscode打开的html是乱码
老师，如果配置多种格式的音频在请求页面的时候会把配置的多个视频全部下载吗？当前浏览器支持那种格式就下载当前支持个格式文件？谢谢
<audio>
<source src="1.mp3"></source>
<source src="2.ogg"></source>
以上都不支持显示该文案
</audio>
document.fom.submit()
这个用法是？
根据是？
老师我给图片设置了浮动为什么没有水平摆放
老师为什么要有个返回值 网页才有效果啊。
为什么我没运行一次就打开一个新的网页啊
<span> 标签被用来组合文档中的行内元素
老师我查了以下span标签，作用有点迷糊，只是对文字加一些属性的作用吗
老师运行出来是这种的，是哪出问题了，代码对了几遍，没有发现错误
用display隐藏在哪里有讲过？忘了。找不到
上网差了一下，问题还是没有解决。老师帮忙看一下
04demo.rar
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号