Checkbox field 'reset' function, on change, uncheck until checked again
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
|
show 1 more comment
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
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
– Peter Gibbons
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
Useprop
instead ofattr
($('.gfield_checkbox input').prop('checked', false);
)
– adosan
Nov 15 '18 at 23:22
And why is that @adosan
– Peter Gibbons
Nov 16 '18 at 0:32
|
show 1 more comment
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
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
jquery
edited Nov 15 '18 at 20:00
Peter Gibbons
asked Nov 15 '18 at 18:09
Peter GibbonsPeter Gibbons
4,8651655121
4,8651655121
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
– Peter Gibbons
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
Useprop
instead ofattr
($('.gfield_checkbox input').prop('checked', false);
)
– adosan
Nov 15 '18 at 23:22
And why is that @adosan
– Peter Gibbons
Nov 16 '18 at 0:32
|
show 1 more comment
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
– Peter Gibbons
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
Useprop
instead ofattr
($('.gfield_checkbox input').prop('checked', false);
)
– adosan
Nov 15 '18 at 23:22
And why is that @adosan
– Peter Gibbons
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
– Peter Gibbons
Nov 15 '18 at 20:01
Thanks; that makes sense but the on change is most important; I've updated my question
– Peter Gibbons
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
– Peter Gibbons
Nov 16 '18 at 0:32
And why is that @adosan
– Peter Gibbons
Nov 16 '18 at 0:32
|
show 1 more comment
1 Answer
1
active
oldest
votes
Uncheck it only if it is checked
if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Uncheck it only if it is checked
if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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
add a comment |
Uncheck it only if it is checked
if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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
add a comment |
Uncheck it only if it is checked
if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);
Uncheck it only if it is checked
if($('.gfield_checkbox input').is(":checked"))
// If it is checked...
$('.gfield_checkbox input').attr('checked', false);
answered Nov 15 '18 at 18:25
Luis Cabrera BenitoLuis Cabrera Benito
795512
795512
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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
add a comment |
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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.
– Peter Gibbons
Nov 15 '18 at 18:31
This does not work. Does not allow reuse of checkbox field.
– Peter Gibbons
Nov 15 '18 at 18:31
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
Nov 15 '18 at 19:12
Maybe if I can incorporate a 'unchecked > until clicked again' type logic...
– Peter Gibbons
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
add a comment |
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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
– Peter Gibbons
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 ofattr
($('.gfield_checkbox input').prop('checked', false);
)– adosan
Nov 15 '18 at 23:22
And why is that @adosan
– Peter Gibbons
Nov 16 '18 at 0:32