填删查改js处理例子

<div id="dialog2" title="维护收藏夹" class="hidden">
     <!--nr bec-->
     <div class="resume_mask">
          
          <ul class="c" id="select_mingyi">
                <c:choose>
                     <c:when test="${fa eq 0}">
                           <li>还没有定义收藏夹类型</li>
                    </c:when>
                   <c:otherwise>
                       <div class="app_dialog_list">
                             <h3 class="p_tb_8">收藏夹类型列表</h3>
                       </div>
                       <div class="app_line_b" style="margin:0"></div>

                       <c:forEach items="${faList}" var="fa">
                            <li>

                                 <input type="checkbox" value="${fa.id}" name="chkFa" id="chkFa">

                                 <input type="hidden" name="faId" id="faId" value="${fa.id}"/>

                                 <input type="hidden" name="faType" id="faType" value="${fa.type}"/>

                                 <span id="faDesc_${fa.type}">${fa.faDesc}     </span></li>           
                      </c:forEach>
                </c:otherwise>
          </c:choose>
     
     <li id="addLi" style="display:none">

     请输入类型描述：<input type="hidden" value="" name="newFaType" id="newFaType">

     <input type="text" value="" name="newFaDesc" id="newFaDesc" maxlength="20">

      <button class="app_btn_b" id="saveButn" onclick="saveFaType();return false;">保存</button>

     </li>
  </ul>
      <div class="tac p_t_8 buttonbox">
           <button class="app_btn_b" onclick="addFaType();return false;">增加</button>

           <button  class="app_btn_b" onclick="modifyfaType();return false;">修改</button>

           <button class="app_btn_b" onclick="delFaType();return false;">删除</button>
     </div>
     </div>
   <!--nr end-->
</div>

 

// 增加

function saveFaType()
{
    var newFaType = a_encode($.trim(document.getElementById("newFaType").value));
    var newFaDesc = document.getElementById("newFaDesc").value;
   // var newFaDesc = a_encode($.trim(document.getElementById("newFaDesc").value));
    if (newFaDesc.length == 0)
    {
        jAlert("请填写收藏夹类型描述！","温馨提示");
        return false;
    }
    if (newFaDesc.length > 20)
    {
        jAlert ("收藏夹类型描述不能超过20个字符","温馨提示");
        return false;
    }
      var para = {faType:newFaType,faDesc:newFaDesc};
      var linkUrl = '<%=request.getContextPath()%>/resume.do?operation=36';
         $.post(linkUrl,para,function(data)
         {
          jAlert(data,"温馨提示",function(){
              var myForms = document.getElementsByTagName("form");
              myForms[0].submit();
              });
         });
}
 

// 删除
 function delFaType()
 {
     var chkFas = document.getElementsByName("chkFa");
     var delFaflog = "0";
     var faIds = "";
     for (var i = 0;i < chkFas.length;i++)
     {
         if (chkFas[i].checked == true)
         {
             delFaflog = "1";
             faIds = faIds + chkFas[i].value + ";";
         }
     }
     if (delFaflog == "0")
     {
         jAlert("请选择需要删除的类型！","温馨提示");
         return false;
     }
     jConfirm("删除操作不可撤销!您确定要执行吗?","温馨提示",function(flag)
      {
   if(!flag)
   {
    return false;
   }
     var para = {faIds:faIds};
  var linkUrl = '<%=request.getContextPath()%>/resume.do?operation=35';
     $.post(linkUrl,para,function(data)
     {
      jAlert(data,"温馨提示",function(){
          var myForms = document.getElementsByTagName("form");
          myForms[0].submit();
          });
     });
   });
 }

 

全选

function allChk(allck)
{  
  var chks = document.getElementsByName("chk");
  for (var i = 0;i < chks.length;i++)
  {
    if (allck.checked == true)
    {
       chks[i].checked = true;
    }

   else
    {
       chks[i].checked = false;
    }
  }
}

 

function addFaType()
{
    document.getElementById("newFaType").value = "";
    document.getElementById("newFaDesc").value = "";
    document.getElementById("addLi").style.display="";
    document.getElementById("saveButn").innerHTML = "新增保存";
}

 

// 修改

function modifyfaType()
{
        var chkFas = document.getElementsByName("chkFa");
     var count = 0;
     var j = 0;
     for (var i = 0;i < chkFas.length;i++)
     {
         if (chkFas[i].checked)
         {
          j = i;
             count++;
         }
     }
     if (count == 0)
     {
         jAlert("请选择需要修改的类型！","温馨提示");
         return false;
     }
     if (count > 1)
     {
             jAlert("一次只能修改一个类型！","温馨提示");
             return false;
  }
  if (count == 1)
  { 
         document.getElementById("newFaType").value = chkFas[j].parentNode.childNodes[2].value;
         document.getElementById("newFaDesc").value = document.getElementById("faDesc_" + chkFas[j].parentNode.childNodes[2].value).innerHTML;
         document.getElementById("addLi").style.display="";
         document.getElementById("saveButn").innerHTML = "修改保存";
  }
  
 }