Check duplicate value in array and add if doesn't exist using jquery

Question

I have a form where user can fill details and on clicking of add attendee button can add up to 9 people details. I am getting value of user name, selected checkbox item id and item quantity and storing inside array and passing these values in url to add selected items and created user On first click but when i click second or third or multiple times its adding duplicate value inside array. I want to check if values exist or not if its there need to increase quantity and doesn't want to add it again in array.

Here is my code

 jQuery(document).ready(function() {
     var allVals = [];
     jQuery("#btnadd2").click(function() { //Clicking on this add attendee button getting values
         var nameatt = jQuery("#txtAttendeeNames").val();
         var qty = jQuery('input[name="qty"]').val(); //increase quantity if selected checkbox id is already present in array   
         jQuery(".big:checked").each(function() {
             allVals.push($(this).val()); //getting selected checkbox value and based on this getting item id which should not exist in array
         });
         for (i = 0; i < allVals.length; i++) { //creating url and updating multi div with this
             var rslt = allVals.join(','
                 '+'
                 custcol_name_of_attendees | '+nameatt+' | +';');
             rslt = jQuery('#multi').val(rslt);
         }
     });
 });

Sudharsan S · Accepted Answer · 2016-12-26 06:24:02Z

2

Use jQuery.inArray() in jquery. The jQuery.inArray() method is similar to JavaScript's native .indexOf() method in that it returns -1 when it doesn't find a match. If the first element within the array matches value, jQuery.inArray() returns 0.

jQuery(".big:checked").each(function() {
   if(jQuery.inArray($(this).val(), allVals) == -1) {
     allVals.push($(this).val()); 
   } else {
     // Already present in the array
   }
});

edited Dec 26, 2016 at 6:24

answered Dec 26, 2016 at 6:06

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Uidev123 Over a year ago

Thanks for the response...to increase quantity if its already present in array where should i place the code?

Uidev123 Over a year ago

I have added code to increase quantity but its not working its showing 1 not 2 for duplicate id....this is my code

Uidev123 Over a year ago

jQuery("#btnadd2").click(function(){ var qty = 1;var allVals = [];var nameatt= jQuery("#txtAttendeeNames").val(); jQuery(".big:checked").each(function(){ var qty =parseInt( jQuery(this).parents().nextAll().children().find('input[name="quantity"]').val()); if(jQuery.inArray( jQuery(this).val(), allVals) == -1) { allVals.push( jQuery(this).val()); } else{ qty = parseInt( jQuery(this).parents().nextAll().children().find('input[name="quantity"]').val());+1;}}); for(i=0;i<allVals.length;i++){ var rslt = allVals.join(','+qty+','+'custcol_name_of_attendees|'+nameatt+'';');}});

Collectives™ on Stack Overflow

Check duplicate value in array and add if doesn't exist using jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related