jQuery Forum

Whenever the input of .pCardUsedReg is changed, I need it to run the function checkPCardCheck(). So, no, I don't need that row. I am actually gathering all rows in a column when the checkPCardCheck() runs.

I need it to run on multiple tables, so I am trying to set it up where I can pass the tableID into the function. The issue is, the function doesn't run using the parameter. How is my syntax?

1. var totalRows = $(x+" tr").length-1;

^where x is the passed parameter.

Thanks Jake

Thanks Jake. I need the parameter for several other spots in the function.

Here is the entire function. I need to make all the #q34's into variables:

1. var checkPCardCheck = function(x){ 
         var totalRows = $x.length-1;
         console.log("total rows:"+totalRows);
        
         var allValues = [];
         for (var r=1; r<totalRows+1; r++){
              console.log("total rows:"+totalRows);
              
        var pCardVal = $('#q34 td:nth-child(1)').closest('tr:nth-child('+r+')').find('td input').is(':checked');
         var last4Col = $('#q34 td:nth-child(9)');
         var last4Head = $('#q34 th:nth-child(9)');
              console.log("PCard Val: "+pCardVal);
           allValues.push(pCardVal);
       };//for
         console.log("All vals: "+allValues);
       if ($.inArray(true, allValues)> -1){
       //if value is true, show description column
           last4Col.show();
           last4Head.show();
         console.log("true: "+$.inArray(true, allValues));
        }
        else{//otherwise keep hidden or hide
           last4Col.hide();
           last4Head.hide();
          console.log("false: "+$.inArray(true, allValues));
        };
        
       };

Not sure of the best way to share HTML. Here is the table:

1. <tr class="form-focused"><td class="col0 hideRowLabel" style="display:none">1<a href="javascript: void(0)" title="Delete" prop="1" class="form-del-field cf-table-delete lfi-times " style="display:none">×</a></td><td data-col="q244" data-title="Use P-Card" class="pCardUsedReg"><label class="cf-col-label" for="Field244(1)">Use P-Card</label><div class="cf-field cf-col1"><div id="Field244(1)"><fieldset class="radio-checkbox-fieldset"><span class="choice"><input name="Field244(1)" id="Field244(1)-0" type="checkbox" value="pcard" vo="e" data-parsley-class-handler="#Field244\(1\)" data-parsley-errors-container="#Field244\(1\)" class="" data-parsley-multiple="Field244(1)" data-parsley-id="377"><label class="form-option-label" for="Field244(1)-0">P-Card</label></span></fieldset></div><input type="hidden" id="Field244(1)_hidden" name="Field244(1)" value="" class=""></div></td><td data-col="q32" data-title="Payable Name"><label class="cf-col-label" for="Field32(1)">Payable Name</label><div class="cf-field"><input type="text" id="Field32(1)" name="Field32(1)" aria-labelledby="Field32(1)" class="singleline cf-xlarge" maxlength="4000" data-list-focus="true" vo="e" data-parsley-id="381"></div></td><td data-col="q35" data-title="Vendor Number"><label class="cf-col-label" for="Field35(1)">Vendor Number</label><div class="cf-field"><input type="text" id="Field35(1)" name="Field35(1)" aria-labelledby="Field35(1)" class="number cf-xlarge" maxlength="4000" vo="e" decimal-disabled="true" separator-disabled="true" data-parsley-valid-format="number"></div></td><td data-col="q36" data-title="Vendor Amount" class="padLeft"><label class="cf-col-label" for="Field36(1)">Vendor Amount</label><div class="cf-field"><span class="margin-end">$</span><input type="text" id="Field36(1)" name="Field36(1)" aria-labelledby="Field36(1)" class="number currency cf-large bfOnKeyupRepeatable" maxlength="4000" vo="e" currencyformat="USD" separator-disabled="false" data-parsley-valid-format="number"><span aria-hidden="true" class="currencyfix"></span></div></td><td data-col="q37" data-title="Actual Amount"><label class="cf-col-label" for="Field37(1)">Actual Amount</label><div class="cf-field"><span class="margin-end">$</span><input type="text" id="Field37(1)" name="Field37(1)" aria-labelledby="Field37(1)" class="number currency cf-large changeEvent" maxlength="4000" vo="e" currencyformat="USD" separator-disabled="false" data-parsley-valid-format="number"><span aria-hidden="true" class="currencyfix"></span></div></td><td data-col="q38" data-title="Amount Due"><label class="cf-col-label" for="Field38(1)">Amount Due</label><div class="cf-field"><span class="margin-end">$</span><input type="text" id="Field38(1)" name="Field38(1)" aria-labelledby="Field38(1)" class="number currency cf-large" maxlength="4000" vo="e" currencyformat="USD" separator-disabled="false" data-parsley-valid-format="number"><span aria-hidden="true" class="currencyfix"></span></div></td><td data-col="q39" data-title="Confirmation Number"><label class="cf-col-label" for="Field39(1)">Confirmation Number</label><div class="cf-field"><input type="text" id="Field39(1)" name="Field39(1)" aria-labelledby="Field39(1)" class="singleline cf-xlarge" maxlength="4000" data-list-focus="true" vo="e"></div></td><td data-col="q40" data-title="Card # (Last 4)" class="regLast4" style="display: none;"><label class="cf-col-label" for="Field40(1)">Card # (Last 4)<span class="cf-required">*</span></label><div class="cf-field"><input type="text" id="Field40(1)" name="Field40(1)" aria-labelledby="Field40(1)" class="number cf-medium" maxlength="4000" vo="e" decimal-disabled="true" separator-disabled="true" data-parsley-valid-format="number" required=""></div></td><td data-col="q42" data-title="Due Date"><label class="cf-col-label" for="Field42(1)">Due Date</label><div class="cf-field"><div class="cf-date-field-date"><input type="text" id="Field42(1)" name="Field42(1)" aria-labelledby="Field42(1)" class="cf-small calendar cf-large hasDatepicker" min="1918-01-01" max="2118-12-31" momentpattern="M/D/YYYY" vo="e" data-parsley-valid-format="date"><img class="ui-datepicker-trigger" src="/Forms/img/calendar.png?v=11.0" alt="Date Selection" title="Date Selection"><div id="error-Field42(1)"></div></div></div></td><td class="action"><a href="javascript: void(0)" title="Delete" prop="1" class="form-del-field cf-table-delete lfi-times " style="display:none">×</a></td></tr>
   

Thanks for pointing me in the right direction Jake! I ended up using $(this) as you suggested.

1.  var checkPCardCheck = function(){
2.     //function to check array of values and show or hide 'last 4' column. Uses closest table from the pcard checkbox
3.       var table = $(this).closest('li').find('tbody');//gets the closest table 
4.       var totalRows = table.children().length;
5.       var allValues = [];
6.       for (var r=1; r<totalRows+1; r++){
7.       var pCardVal = table.find('td:nth-child(1)').closest('tr:nth-child('+r+')').find('td input').is(':checked');
8.       var last4Col =  table.find('td:nth-child(9)');
9.       var last4Head = table.parent().find('th:nth-child(9)');
10.       allValues.push(pCardVal);
11.     };//for
12.     if ($.inArray(true, allValues)> -1){
13.     //if value is true, show description column
14.         last4Col.show();
15.         last4Head.show();
16.       console.log("true: "+$.inArray(true, allValues));
17.      }
18.      else{//otherwise keep hidden or hide
19.         last4Col.hide();
20.         last4Head.hide();
21.        console.log("false: "+$.inArray(true, allValues));
22.      };
23.     };//checkPCardCheck function