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

时间:2018-07-03 18:26:17

标签: javascript jquery checkbox

我遇到了一个问题,其解决方案使我不得不将其发布在这里,因此其他人可以比我更好地使用它或即兴创作。 我的问题:我有一个带有复选框以选择行的结果表。要求是知道我是否正在选择(使用复选框)同一组的一个特定列值,如果需要,我必须做点什么。

1 个答案:

答案 0 :(得分:0)

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
            }
}