jQuery Forum

I have a table which has a column of check boxes in the first column. Then I have a button which applies an effect to the selected rows in that table. The button should copy the selected row, to another object.

What the Code Below Currently Does:

The code below applies the check boxes to the table, and places the button on the page.

What is Missing from the Code Below?

The action of the button, which copies the selected records to another table (object).

The Code:

2. // ------ Function to Add to Checkboxes ------
3. 
   
4. var addCheckboxes = function(view) {
5.    
6.   // add the checkbox to to the header to select/unselect all
7.   $('#' + view.key + '.kn-table thead tr').prepend('<th><input type="checkbox"></th>');
8.   $('#' + view.key + '.kn-table thead input').change(function() {
9.      
10.     $('.' + view.key + '.kn-table tbody tr input').each(function() {
11.       $(this).attr('checked', $('#' + view.key + '.kn-table thead input').attr('checked') != undefined);
12.     });
13.   });
14.    
15.   // add a checkbox to each row in the table body
16.   $('#' + view.key + '.kn-table tbody tr').each(function() {
17.     $(this).prepend('<td><input type="checkbox"></td>');
18.   });
19. }
20. 
    
21. 
    
22. // ------ Function to Add to Cart on Quotes 1 Interface ------
23. 
    
24. 
    
25. $(document).on('knack-view-render.view_54', function (event, view) {
26.     // Adds button and calls checkbox function to view
27.     $('<button id="update"">Add to Cart</button>').insertAfter('.kn-filters-nav');   
28.     addCheckboxes(view);
29.    
30.   $('#update').click(function () {
31.     console.log(view.key);
32.     var checked = $('#' + view.key + ' tbody input[type=checkbox]:checked');
33.      
34.     calls = checked.length;
35.     success = 0;
36.      
37.     Knack.showSpinner();
38.       
39.     checked.each(function() {
40.          
41.       var id = $(this).closest('tr').attr('id'); // record id
42.        
43.       var data = {
44.         field_246: Knack.getUserAttributes().id 
45.       };
46.          
47.         $.ajax({
48.             url: 'https://api.knackhq.com/v1/objects/object_1/records/' + id,
49.             type: 'PUT',
50.             headers: {'X-Knack-Application-ID': 'XXXXXXXXXXXXXX': 'XXXXXXXXXXXXXXX'},
51.             data: data,
52.             success: function (response) { // each time an update completes, our success variable increases by 1
53.                 success+=1;
54.                 if(success==calls) { // if the number of success calls = the number of checked boxes...
55.                     Knack.hideSpinner();
56.                     alert('Quotes added to your cart.');
57.             }
58.          }
59.       });
60.     });
61.   })
62. });

Database is built on a platform called Knack. It's 100% online. Appreciate any help!! I'm not an expert here, and am working off examples.

Thanks,

Robert