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>

  • 相关阅读:
    怎样才能充分利用SQL索引
    MS SQL存储过程编写经验和优化措施
    ASP調用存講過程總結
    調用外部的DLL(DllImportAttribute)
    MS SQL中的行轉列
    SQL Server乐观锁定和悲观锁定实例
    如何使用 JScript 從 HTML 網頁自動化 Excel
    了解SQL Server锁争用:NOLOCK 和 ROWLOCK 的秘密
    C#語法學習結構(Struct)
    四项技术 助你提高SQL Server的性能
  • 原文地址:https://www.cnblogs.com/Struts-pring/p/3974890.html
Copyright © 2011-2022 走看看