时间戳

首页 > 解决方案 > 在所选复选框的行中选择特定值并检查重复项

javascript - 在所选复选框的行中选择特定值并检查重复项

问题描述

我遇到了一个问题，其解决方案导致我将其发布在这里，以便其他人可以利用它或即兴发挥比我更好。我的问题：我有一个结果表，其中包含用于选择行的复选框。要求是知道我是否选择（使用复选框）相同的一组特定列值，如果是，我必须做一些事情。

标签： javascriptjquerycheckbox

解决方案

HTML 代码

考虑到以下是我的动态表（CFML）的html代码。标签必须在循环内才能动态创建表格内容。

<table class="fixedTable">
 <thead class="containerbg">
   <tr class="listingheader">
      <td>StagingID</td>
      <td>BatchID</td>
      <td>AuditID</td>
      <td>Action</td>
      <td>File Name</td>
      <td>Card No</td>
      <td>Card No</td>
    </tr>
</thead>
<tbody>
  <tr class="cur_row" >
    <td>#staging_id#</td>
    <td>#batch_import_job_id#</td>
    <td>#audit_Id#</td>
    <td>#code#</td>
    <td class="file_name">#source_filename#</td>
    <td>#card_number#</td>
    <td class="tblResolve">
        <input type="checkbox" class="checkBoxClass cb"  name="resolveErrorsCheck" value="#row_no#">
    </td>
</tr>

JS代码

  //register the click event

 $(document).ready(function() {
      $(document).on('click', '.cb',enableDisableActions);

 });

  function enableDisableActions() {
var values = new Array(); 
           $.each($("input[name='resolveErrorsCheck']:checked").closest('td').siblings('.file_name'),
             function (){
                  values.push($(this).text());
             });
            const initial = values[0];      
            const result = values.filter(src => src != initial);
            if(result.length){
               //no duplicate file_name selected
               //do something
            }else{
                //duplicate file_name selected
                //do something
            }
}

推荐阅读