Jquery check checkbox before change event's proccess done [duplicate]

Question

I have an event :

$(document).on('change', '.many-checkbox', function() {
  doSomething()
});

doSomething() is kinda heavy, so checkbox with class many-checkbox will have a delay before they actually being checked/uncheck.

I want to remove those delays.

So, how do we check/uncheck it before doSomething() is done ?.

thanks.

Can you reproduce this in StackSnippet/JSFiddle? Looks like the problem could be somewhere else. Or in doSomething. — Tushar
– Tushar, Commented Jun 21, 2017 at 4:48
BTW, $(this).prop('checked', $(this).prop('checked')); does NOTHING but adds delay. — Tushar
– Tushar, Commented Jun 21, 2017 at 4:49
I'm sure the problem is in doSomething, that's why i want to bypass it. So, make the checkbox checked/uncheck manually even before doSomething is done. — Marcel Angir
– Marcel Angir, Commented Jun 21, 2017 at 4:50
Yeah, I know my solution is kinda ridiculous. I've removed it. — Marcel Angir
– Marcel Angir, Commented Jun 21, 2017 at 4:51

Alexander · Accepted Answer · 2017-06-21 05:14:37Z

0

You could replacr doSomething() function to setTimout method. For example:

$(document).on('change', '.many-checkbox', function() {
  setTimeout(function(){ 
    // do something
  }, 100);
});

In result the JavaScript execution will be paused to let the rendering threads catch up.

edited Jun 21, 2017 at 5:14

answered Jun 21, 2017 at 4:55

Alexander

4,5527 gold badges31 silver badges46 bronze badges

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

6 Comments

Tushar Over a year ago

Why? And how will it make the function execute faster?

Alexander Over a year ago

@Tushar, this will not be faster. But it will be executed after another actions. I'm sorry, but I do not remember a source of this solution.

Alexander Over a year ago

@Tushar, I find the topic that answers to your question.

Marcel Angir Over a year ago

Ah, i see. It means wait for 0.01 second before do doSomething(), resulting the checkbox being checked first between 0.01 second. Its not making it faster, but it bypass the proccess by 0.01 second.

Alexander Over a year ago

@MarcelAngir, also you can try to use 0 timeout value. But in my case I was needed to use positive value of timout.

|

Matt · Accepted Answer · 2017-06-21 04:55:38Z

0

I suspect there's all sorts of wrong going on here but you could start by not listening to any change within the entire body and filtering down to the .many-checkbox class.

Listen directly to changes to the checkboxes:

$('.many-checkbox').on('change', function() {
  doSomething();
});

If you show us what doSomething is doing, we could maybe make it asynchronous.

answered Jun 21, 2017 at 4:55

Matt

5,4381 gold badge34 silver badges59 bronze badges

1 Comment

Marcel Angir Over a year ago

I'm sorry, its way to complicated to be made async. As you say, there's a lot of mistake on it, my bad code ~ But thank you very much for your answer, appreciate it so much.

Collectives™ on Stack Overflow

Jquery check checkbox before change event's proccess done [duplicate]

2 Answers 2

6 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Linked

Related