zoukankan      html  css  js  c++  java
  • jquery css 简单笔记

    内容 要点:清空表单中所有数据,除去 button,submit,reset,hidden 的数据

    1. $(':input','#myform')  
    2.  .not(':button, :submit, :reset, :hidden')  
    3.  .val('')  
    4.  .removeAttr('checked')  
    5.  .removeAttr('selected'); 

    It is using the :input 

    selector which will match all input, textarea, select and button elements. Since we are passing #myform 
    as the second argument, it will only find inputs inside this form 
    element. Then it filters out all buttons, submits, resets and hidden 
    inputs using not() 

    . Then it is using val() 

    to set the value of the remaining fields to an empty string, and then it uses removeAttr 

    to remove the checked 
    and selected 
    attribute of the fields in case you have any radio/checkbox/select inputs. Tada. 

    1、实例  数据来自后台,只写前台处理方法 

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <%@ taglib prefix="erp" uri="/erp-tags" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <LINK href="../../../system/doctors/dept/styles.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../../skin/style_140605.css" />
    <script src="../../../system/doctors/dept/searchbox.js" charset="gbk" ></script>
    <script language="javascript" src="../../../system/staff_manage/jilu/LodopFuncs.js"></script>
    <script language="javascript" src="../../../jslib/json.js"></script>
    <style>
    #Tablist2 tr th{
    word-break:keep-all;
    }
    </style>
    <html>
    <script>
    jQuery(function(){
    var data=${jobhistoryListjson}; //从后台获取列表数据
    var datastr="";
    jQuery.each(data, function(i, n){
    //alert(JSON.stringify(n));
    var index=i+1;
    datastr+="<tr><td>"+index+"</td><td>"+n.user_name+"</td><td>"+n.dept_name+"</td><td>"+n.start_datetime+"</td><td>"+n.end_datetime+"</td>"
    // +"<td>"+n.job+"</td><td style='400px;'>"+n.category+"</td><td>"+n.source+"</td><td>"+n.address+"</td><td>"+n.review+"</td><td>"+n.content+"</td>"
    +"<td>"+n.job+"</td><td>"+n.category+"</td><td>"+n.source+"</td><td>"+n.address+"</td>"
    +"<td><input data='"+JSON.stringify(n)+"' type='button' class='inputbutton' value='编辑' />"
    +"<input data='"+n.jobhistory_id+"' type='button' class='inputbutton' value='删除' /></td></tr>";

    });
    jQuery("#Tablist2").append(datastr);
    jQuery("#Tablist2 input[type='button']").click(function(){

    if(jQuery(this).attr("value")=="编辑")
    {
    if(jQuery(this).attr("data")!=null&&jQuery(this).attr("data")!="")
    {
    var item = JSON.parse(jQuery(this).attr("data"));

    jQuery("#jobhistory_jobhistory_id").val(item.jobhistory_id);
    jQuery("#jobhistory_user_name").val(item.user_name);
    jQuery("#jobhistory_dept_code").val(item.dept_code);
    document.getElementById("jobhistory.start_datetime").value= item.start_datetime;
    document.getElementById("jobhistory.end_datetime").value= item.end_datetime;
    jQuery("#jobhistory_job").val(item.job);
    jQuery("#jobhistory_category").val(item.category);
    jQuery("#jobhistory_source").val(item.source);
    jQuery("#jobhistory_address").val(item.address);
    jQuery("#jobhistory_review").val(item.review);
    jQuery("#jobhistory_content").val(item.content);
    }
    }
    else if(jQuery(this).attr("value")=="删除")
    {
    if(jQuery(this).attr("data")!=null&&jQuery(this).attr("data")!="")
    {
    var deletes = jQuery(this).attr("data");
    deleteDataall(deletes);
    }
    }
    });
    });
    </script>
    <body >
    <br/>
    <table cellpadding="0" cellspacing="0" id="Tablist2">
    <tr>
    <th width="30">序号</th>
    <th width="150">医生</th>
    <th width="150">科室</th>
    <th width="150">开始时间</th>
    <th width="150">结束时间</th>
    <th width="150">担当职务</th>
    <th width="400">工作类别</th>
    <th width="150">任务来源</th>
    <th width="150">地点</th>
    <%--
    <th width="350">工作评价</th>
    <th width="350">工作内容</th>
    --%>
    <th>操作</th>
    </tr>
    </table>
    <br />
    <br />
    <form action="" id="form1">
    <table cellpadding="0" cellspacing="0" id="Tablist1">
    <s:hidden name="jobhistory.jobhistory_id" ></s:hidden>
    <s:hidden name="jobhistory.user_name" ></s:hidden>
    <s:hidden name="jobhistory.dept_code" ></s:hidden>
    <s:hidden name="dept_code"></s:hidden>
    <s:hidden name="dengluming"></s:hidden>
    <s:hidden name="userId"></s:hidden>
    <input type="hidden" id="flagsString" name="flagsString" value="true"/>
    <tr>
    <td class="t_name">开始时间</td>
    <td><input type="text" readonly="readonly" id="jobhistory.start_datetime" name="jobhistory.start_datetime" value="" class="datetimeText1" /></td>
    <td class="t_name">结束时间</td>
    <td><input type="text" readonly="readonly" id="jobhistory.end_datetime" name="jobhistory.end_datetime" value="" class="datetimeText1"/></td>
    </tr>
    <tr>
    <td class="t_name">担当职务</td>
    <td><s:textfield name="jobhistory.job" cssClass="required" ></s:textfield></td>
    <td class="t_name">工作类别</td>
    <td><s:select list="categoryList" name="jobhistory.category" listKey="dict_child_id" listValue="dict_child_name" headerKey="" headerValue="请选择" /></td>
    </tr>
    <tr>
    <td class="t_name">任务来源</td>
    <td><s:select list="sourceList" name="jobhistory.source" listKey="dict_child_id" listValue="dict_child_name" headerKey="" headerValue="请选择" /></td>
    <td class="t_name">地点</td>
    <td><s:textfield name="jobhistory.address" cssClass="required"></s:textfield></td>
    </tr>
    <tr>
    <td class="t_name">工作评价</td>
    <td><s:textarea name="jobhistory.review" style="320px"></s:textarea></td>
    <td class="t_name">工作内容</td>
    <td><s:textarea name="jobhistory.content" style="320px" ></s:textarea></td>
    </tr>
    <tr>
    <td colspan="4" id="btn_control">
    <input type="button" class="inputbutton" value="清空" title="清空" id="btnrest"/>
    <input type="button" class="inputbutton" value="保&nbsp;&nbsp;存" title="保存" onclick="saveNew();"/>
    <input type="button" class="inputbutton" value="返&nbsp;&nbsp;回" title="返回" onclick="goToBack();"/>
    </td>
    </tr>
    </table>
    </form>

    </body>
    </html>
    <script type="text/javascript">
    $(document).ready( function() {
    $("#roleTable").tablesorter({
    widgets: ['zebra','columnHighlight','rowHover'],
    headers:{ 0: { sorter: false}},
    cancelSelection:true
    });
    $("#btnrest").click(function(){
    $("#jobhistory_jobhistory_id").val("");

    $('input','#form1')
    .not(':button,:submit,:reset,:hidden') //将myform表单中input元素type为button、submit、reset、hidden排除
    .val('') //将input元素的value设为空值
    .removeAttr('checked')
    .removeAttr('selected'); // 如果任何radio/checkbox/select inputs有checked or selected 属
    alert($('input','#form1'));
    $('select','#form1')
    .not(':button,:submit,:reset,:hidden') //将myform表单中input元素type为button、submit、reset、hidden排除
    .val('') //将input元素的value设为空值
    .removeAttr('checked')
    .removeAttr('selected'); // 如果任何radio/checkbox/select inputs有checked or selected 属
    alert($('select','#form1'));

    $('textarea','#form1')
    .not(':button,:submit,:reset,:hidden') //将myform表单中input元素type为button、submit、reset、hidden排除
    .text("")
    .removeAttr('checked')
    .removeAttr('selected'); // 如果任何radio/checkbox/select inputs有checked or selected 属
    alert($('textarea ','#form1'));
    });
    });

    //删除组
    function deleteDataall(deletes){
    if(null!=deletes&&""!=deletes){
    var deletes = deletes +'&dept_code=${dept_code}&dengluming=${dengluming}&userId=${userId}&flagsString=true';
    deleteModify('removeJob.action','personIds='+deletes);//mian.js
    }
    }
    //保存返回修改
    function saveNew(){
    var type=document.getElementById("jobhistory_jobhistory_id").value;
    var src="saveJobForAll.action";
    if(null!=type && ""!=type){
    src="updateJobForAll.action";
    }
    document.getElementById("form1").action=src;
    document.getElementById("form1").submit();
    }

    </script>

  • 相关阅读:
    Web前段学习索引
    Python学习索引
    Centos7下安装Docker(详细的新手教程)
    Django部署阿里云服务器(nginx+uwsgi)
    (转)Mongo db 与mysql 语法比较
    (转)mongo基本常用命令
    python操作mongodb的基本操作命令
    http响应码
    python回调函数
    Flask框架的使用
  • 原文地址:https://www.cnblogs.com/Struts-pring/p/3974890.html
Copyright © 2011-2022 走看看