当前位置: 首页 > news >正文

C# js 判断table中tr否存在相同的值

html 中如:
实现:table数据表格中,点击删除按钮时,验证相同子订单号条数是否大于1,大于允许删除。保证数据表格中只有唯一的一条子订单号数据。

<table style="width: 100%; background-color: #fff;" cellspacing="0" cellpadding="6" class="table1" id="GaiHuoTable">
    <tbody>
	  <tr style='background-color: #F7F7F7; height: 40px; font-weight: bold;'>
          <td align='center'>
              &nbsp; 子订单号
          </td>
          <td align='center'>
              &nbsp; 货号
          </td>
          <td align='center'>
              &nbsp; 操作
          </td>
      </tr>
     <tr height="24" bgcolor="#ffffff" onmouseover="this.style.backgroundColor='#C6D6E7'" onmouseout="this.style.backgroundColor='#ffffff'" data_type="detail" id="<%=item["GuId"]%>" guid="<%=item["GuId"]%>" data_mark="edit" style="background-color: rgb(255, 255, 255);">
         <td align="left" style="width: 120px">
             <%=item["ZiOuterId"]%>
             <input type="hidden" id="<%=item["GuId"]%>_ZiOuterId"/>
         </td>
         <td align="left" style="width: 120px">
             <input type="text" class="messager-input" id="<%=item["GuId"]%>_goodsId" style="width: 120px" value="TCA017a" autocomplete="off">
         </td>
         <td>
             &nbsp;<a class="redbutton" onclick="DeleteDetail('<%=item["GuId"]%>');">删除</a>
         </td>
     </tr>
</table>

Js如:

function checkUniqueBeforeDelete(guid) {
     var trs = document.querySelectorAll('#GaiHuoTable tr[data_type="detail"]');
     var idCount = {};

     // 遍历所有明细行统计ID
     for (var i = 0; i < trs.length; i++) {
         // 获取当前行的guid
         var rowGuid = trs[i].getAttribute('guid');

         var hiddenInput = trs[i].querySelector('input[id="' + rowGuid + '_ZiOuterId"]');
         var ziOuterId = hiddenInput ? hiddenInput.value.trim() : '';

         if (ziOuterId) {
             idCount[ziOuterId] = (idCount[ziOuterId] || 0) + 1;
         }
     }
     // 获取当前行的ZiOuterId
     var currentTr = document.getElementById('tr_' + guid);
     var currentGuid = currentTr.getAttribute('guid');
     var currentIdInput = currentTr.querySelector('input[id="' + currentGuid + '_ZiOuterId"]');
     var currentId = currentIdInput ? currentIdInput.value.trim() : '';

     if (!currentId) {
         return false;
     }
     return idCount[currentId] > 1;
 }

调用:

 function DeleteDetail(guid) {
	if (!checkUniqueBeforeDelete(guid)) {
	   alert('只有超过相同的两条明细才可以删除');
	      return;
	  }
  }
  

相关文章:

  • 利用 PHP 爬虫获取京东商品详情 API 返回值说明及代码示例
  • 【搭建博客网站】老旧笔记本“零成本逆袭”
  • c++——内联函数和auto关键字
  • Vue3 watch 与 watchEffect 深度解析
  • 剑指Offer(数据结构与算法面试题精讲)C++版——day10
  • Ceph异地数据同步之- S3对象异地同步复制
  • Android-应用签名
  • 使用 VcXsrv 在 Windows 10 上运行 Ubuntu 图形界面
  • Java中的注解技术讲解
  • 怎么检查网站CDN缓存是否生效
  • 应用安全系列之四十六:Expression Language Injection (EL注入)
  • C语言实现TcpDump
  • MATLAB在工程领域的实际应用案例
  • 【 antd 】Form表单组件,“change“ 不生效
  • RK3588芯片NPU的使用:Windows11 Docker中运行PPOCRv4例子
  • 人工智能100问☞第1问:人工智能(AI)的定义是什么?
  • [D1,2]回溯刷题
  • python面试技巧
  • Android 应用蓝牙连接通信实现
  • 巧*书重大更新!商务标智能编写,标书一次成型!
  • 小学校园门户网站建设/有创意的网络广告案例
  • 深圳福永网站建设/广州百度竞价外包
  • 福州如何做百度的网站推广/江苏企业网站建设
  • 手机网站怎么dw做/威海网站制作
  • 免费做app网站/长沙seo全网营销
  • 新科网站建设/网站推广如何做