会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132359个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 512楼

第一个实操,注册界面,

屏幕截图 2020-09-18 122738.png

如何将用户名、密码、手机号这些对齐?

还有后面的框框也对齐?

代码如下;

<!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>


JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 513楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 514楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 515楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 516楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 518楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 521楼



老师我有个问题:选中多选框,点击提交审批后,如何获取多选框下某个字段的值?

//获取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>

的值好进行判断

image.png

JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 522楼

老师请教您一个问题

想将弹框的内容变成页面。并且有一个页标签。这是我新增按钮方法

//新增
function add(){
    top.jzts();
    var diag = new top.Dialog();
    diag.Drag=true;
    diag.Title ="新增";
    diag.URL = '<%=basePath%>project/goAdd.do';
    diag.Width = 450;
    diag.Height = 355;
    diag.Modal = true;             //有无遮罩窗口
    diag. ShowMaxButton = true;   //最大化按钮
     diag.ShowMinButton = true;       //最小化按钮
    diag.CancelEvent = function(){ //关闭事件
       if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
          if('${page.currentPage}' == '0'){
             tosearch();
          }else{
             tosearch();
          }
      }
      diag.close();
    };
    diag.show();
}


菜单页标签好像是用了这的方法,但不知道该如何用在按钮上面。想请老师指点一下

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
   <head>
   <base href="<%=basePath%>">
   <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
   <script type="text/javascript" src="plugins/tab/js/framework.js"></script>
   <link href="plugins/tab/css/import_basic.css" rel="stylesheet" type="text/css"/>
   <link  rel="stylesheet" type="text/css" id="skin" prePath="plugins/tab/" /><!--默认相对于根目录路径为../,可添加prePath属性自定义相对路径,如prePath="<%=request.getContextPath()%>"-->
   <script type="text/javascript" charset="utf-8" src="plugins/tab/js/tab.js"></script>
   </head>
<body>
<div id="tab_menu"></div>
<div style="width:100%;">
   <div id="page" style="width:100%;height:100%;"></div>
</div>    
</body>
<script type="text/javascript">

function tabAddHandler(mid,mtitle,murl){
   tab.update({
      id :mid,
      title :mtitle,
      url :murl,
      isClosed :true
   });
   tab.add({
      id :mid,
      title :mtitle,
      url :murl,
      isClosed :true
   });

   tab.activate(mid);
}
 var tab;  
$( function() {
    tab = new TabView( {
      containerId :'tab_menu',
      pageid :'page',
      cid :'tab1',
      position :"top"
   });
   tab.add( {
      id :'tab1_index1',
      title :"主页",
      url :"<%=basePath%>login_default.do",
      isClosed :false
   });
   /**tab.add( {
      id :'tab1_index1',
      title :"主页",
      url :"/per/undoTask!gettwo",
      isClosed :false
   });
   **/
});

   function cmainFrameT(){
      var hmainT = document.getElementById("page");
      var bheightT = document.documentElement.clientHeight;
      hmainT .style.width = '100%';
      hmainT .style.height = (bheightT  - 41) + 'px';
   }
   cmainFrameT();
   window.onresize=function(){  
      cmainFrameT();
   };

</script>
</html>



image.png

JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 523楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637