Checkbox field 'reset' function, on change, uncheck until checked again










1















I am trying to simply 'reset' a checkbox field after a form element has been changed.



 $('form').on('change', function() // after form elems have been changed
console.log("Form Has Changed after Rate");

setTimeout(function() // relevant area
$('.gfield_checkbox input').attr('checked', false);
, 2000); // end relevant

);


I am simply trying to reset it here, uncheck what was currently there; but allow it to be checked again afterwards. All the current attempts do not allow it to be rechecked or used again.










share|improve this question



















  • 1





    The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

    – amflare
    Nov 15 '18 at 19:32











  • Thanks; that makes sense but the on change is most important; I've updated my question

    – No-Spex
    Nov 15 '18 at 20:01











  • Then you need to find a trigger that will not continually trigger itself.

    – amflare
    Nov 15 '18 at 20:51











  • Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

    – adosan
    Nov 15 '18 at 23:22











  • And why is that @adosan

    – No-Spex
    Nov 16 '18 at 0:32















1















I am trying to simply 'reset' a checkbox field after a form element has been changed.



 $('form').on('change', function() // after form elems have been changed
console.log("Form Has Changed after Rate");

setTimeout(function() // relevant area
$('.gfield_checkbox input').attr('checked', false);
, 2000); // end relevant

);


I am simply trying to reset it here, uncheck what was currently there; but allow it to be checked again afterwards. All the current attempts do not allow it to be rechecked or used again.










share|improve this question



















  • 1





    The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

    – amflare
    Nov 15 '18 at 19:32











  • Thanks; that makes sense but the on change is most important; I've updated my question

    – No-Spex
    Nov 15 '18 at 20:01











  • Then you need to find a trigger that will not continually trigger itself.

    – amflare
    Nov 15 '18 at 20:51











  • Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

    – adosan
    Nov 15 '18 at 23:22











  • And why is that @adosan

    – No-Spex
    Nov 16 '18 at 0:32













1












1








1








I am trying to simply 'reset' a checkbox field after a form element has been changed.



 $('form').on('change', function() // after form elems have been changed
console.log("Form Has Changed after Rate");

setTimeout(function() // relevant area
$('.gfield_checkbox input').attr('checked', false);
, 2000); // end relevant

);


I am simply trying to reset it here, uncheck what was currently there; but allow it to be checked again afterwards. All the current attempts do not allow it to be rechecked or used again.










share|improve this question
















I am trying to simply 'reset' a checkbox field after a form element has been changed.



 $('form').on('change', function() // after form elems have been changed
console.log("Form Has Changed after Rate");

setTimeout(function() // relevant area
$('.gfield_checkbox input').attr('checked', false);
, 2000); // end relevant

);


I am simply trying to reset it here, uncheck what was currently there; but allow it to be checked again afterwards. All the current attempts do not allow it to be rechecked or used again.







jquery






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 15 '18 at 20:00







No-Spex

















asked Nov 15 '18 at 18:09









No-SpexNo-Spex

4,8101655121




4,8101655121







  • 1





    The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

    – amflare
    Nov 15 '18 at 19:32











  • Thanks; that makes sense but the on change is most important; I've updated my question

    – No-Spex
    Nov 15 '18 at 20:01











  • Then you need to find a trigger that will not continually trigger itself.

    – amflare
    Nov 15 '18 at 20:51











  • Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

    – adosan
    Nov 15 '18 at 23:22











  • And why is that @adosan

    – No-Spex
    Nov 16 '18 at 0:32












  • 1





    The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

    – amflare
    Nov 15 '18 at 19:32











  • Thanks; that makes sense but the on change is most important; I've updated my question

    – No-Spex
    Nov 15 '18 at 20:01











  • Then you need to find a trigger that will not continually trigger itself.

    – amflare
    Nov 15 '18 at 20:51











  • Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

    – adosan
    Nov 15 '18 at 23:22











  • And why is that @adosan

    – No-Spex
    Nov 16 '18 at 0:32







1




1





The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

– amflare
Nov 15 '18 at 19:32





The unchecking is probably triggering the on.change again. Thus the loop. Try focusing the event listener to wherever the rate field is, instead of the whole form.

– amflare
Nov 15 '18 at 19:32













Thanks; that makes sense but the on change is most important; I've updated my question

– No-Spex
Nov 15 '18 at 20:01





Thanks; that makes sense but the on change is most important; I've updated my question

– No-Spex
Nov 15 '18 at 20:01













Then you need to find a trigger that will not continually trigger itself.

– amflare
Nov 15 '18 at 20:51





Then you need to find a trigger that will not continually trigger itself.

– amflare
Nov 15 '18 at 20:51













Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

– adosan
Nov 15 '18 at 23:22





Use prop instead of attr ( $('.gfield_checkbox input').prop('checked', false); )

– adosan
Nov 15 '18 at 23:22













And why is that @adosan

– No-Spex
Nov 16 '18 at 0:32





And why is that @adosan

– No-Spex
Nov 16 '18 at 0:32












1 Answer
1






active

oldest

votes


















0














Uncheck it only if it is checked



if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);






share|improve this answer























  • This does not work. Does not allow reuse of checkbox field.

    – No-Spex
    Nov 15 '18 at 18:31











  • Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

    – No-Spex
    Nov 15 '18 at 19:12












  • You can set a boolean variable and use it as a flag

    – Luis Cabrera Benito
    Nov 15 '18 at 19:13










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53325508%2fcheckbox-field-reset-function-on-change-uncheck-until-checked-again%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









0














Uncheck it only if it is checked



if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);






share|improve this answer























  • This does not work. Does not allow reuse of checkbox field.

    – No-Spex
    Nov 15 '18 at 18:31











  • Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

    – No-Spex
    Nov 15 '18 at 19:12












  • You can set a boolean variable and use it as a flag

    – Luis Cabrera Benito
    Nov 15 '18 at 19:13















0














Uncheck it only if it is checked



if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);






share|improve this answer























  • This does not work. Does not allow reuse of checkbox field.

    – No-Spex
    Nov 15 '18 at 18:31











  • Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

    – No-Spex
    Nov 15 '18 at 19:12












  • You can set a boolean variable and use it as a flag

    – Luis Cabrera Benito
    Nov 15 '18 at 19:13













0












0








0







Uncheck it only if it is checked



if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);






share|improve this answer













Uncheck it only if it is checked



if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 15 '18 at 18:25









Luis Cabrera BenitoLuis Cabrera Benito

655511




655511












  • This does not work. Does not allow reuse of checkbox field.

    – No-Spex
    Nov 15 '18 at 18:31











  • Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

    – No-Spex
    Nov 15 '18 at 19:12












  • You can set a boolean variable and use it as a flag

    – Luis Cabrera Benito
    Nov 15 '18 at 19:13

















  • This does not work. Does not allow reuse of checkbox field.

    – No-Spex
    Nov 15 '18 at 18:31











  • Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

    – No-Spex
    Nov 15 '18 at 19:12












  • You can set a boolean variable and use it as a flag

    – Luis Cabrera Benito
    Nov 15 '18 at 19:13
















This does not work. Does not allow reuse of checkbox field.

– No-Spex
Nov 15 '18 at 18:31





This does not work. Does not allow reuse of checkbox field.

– No-Spex
Nov 15 '18 at 18:31













Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

– No-Spex
Nov 15 '18 at 19:12






Maybe if I can incorporate a 'unchecked > until clicked again' type logic...

– No-Spex
Nov 15 '18 at 19:12














You can set a boolean variable and use it as a flag

– Luis Cabrera Benito
Nov 15 '18 at 19:13





You can set a boolean variable and use it as a flag

– Luis Cabrera Benito
Nov 15 '18 at 19:13



















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53325508%2fcheckbox-field-reset-function-on-change-uncheck-until-checked-again%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Top Tejano songwriter Luis Silva dead of heart attack at 64

ReactJS Fetched API data displays live - need Data displayed static

政党