Skip to main content
S
stephenh22275384
Participating Frequently
October 31, 2020
Answered

Check and Uncheck a checkbox based on another checkbox status

  • October 31, 2020
  • 3 replies
  • 10271 views

I have an Acrobat form with a checkbox that checks another checkbox.  I have used the mouseUP action in the original checkbox to Run a Javascript to check the 2nd checkbox which works.

If I uncheck the original checkbox, the 2nd checkbox still has a checkmark.  I have tried many solutions, but have not found success.

My mouseUP JS in the original checkbox is:

if(event.target.isBoxChecked(0))
this.getField("200Plus").checkThisBox(0,1);

 

Go easy on me, as I barely know how to spell Javascript.

Thank you.

This topic has been closed for replies.
Correct answer ls_rbls

Close and restart Acrobat. Then test the form again.


I closed Acrobat and restarted it.

 

I don't see where this script doesn't work.

 

  • First slide, boxes are checked with the console opened:

 

 

  • Second slide, boxes are unchecked with the console opened:

 

Now I'm confused... should I be getting an undefined error? 

 

In any case I would expect a syntax error which actually happens when I add ".value" to the variable as you suggest:

 

var f = this.getField("200Plus").value;

 

In fact, I get a "Type Error" with your suggestion:

 

 

Also note that this breaks the original intent of the script as requested by the OP since the primary checkbox looses the ability to check the secondary checkbox.

 

In the end, I am running the script like shown below (which is not throwing any errors and there's no need to define or even declare a variable using the guidance posted by George Kaiser in the link that I posted earlier):

 

if (event.target.value =="Yes") {

this.getField("200Plus").checkThisBox(0,true);

} else {

this.getField("200Plus").checkThisBox(0,false);

}

 

 

3 replies

B
Blessing32134920v1dj
Participant
October 21, 2023

just have a look this video:

https://youtu.be/IS2Bs6KXhyE

 

Nesa Nurani
Community Expert
Nesa NuraniCommunity Expert
Community Expert
November 1, 2020

Just name both checkbox same and leave them with same export value.

ls_rbls
Community Expert
ls_rblsCommunity Expert
Community Expert
November 1, 2020

And what happens if the user wants to have the ability to check or uncheck the secondary checkbox when the primary chexkbox is unchecked?

 

If the case would be that the user needs either the primary or the secondary box checked at a time, then it should be better to implement a pair of mutually exclusive radio buttons that will behave like checkboxes.

A
Asim123
Inspiring
November 1, 2020

And what happens if the user wants to have the ability to check or uncheck the secondary checkbox when the primary chexkbox is unchecked? Then why would he even need code in first place?

If you readed his post carefully you would see that he has no intention of clicking second checkbox.

To qoute OP "If I uncheck the original checkbox, the 2nd checkbox still has a checkmark. I have tried many solutions, but have not found success." in this situation why not just click 2nd box? This tells me he has none intention of clicking it. Easiest solution would be to just copy first box.

ls_rbls
Community Expert
ls_rblsCommunity Expert
Community Expert
October 31, 2020

This works for me:

 

 

if (event.target.value =="Yes") {

var f = this.getField("200Plus");

f.checkThisBox(0,true);

} else {

f.checkThisBox(0,false);

}

 

    B
    billm37255331
    Participating Frequently
    December 13, 2022

    ls_rbls...  I am re-posting this because I think I accidently posted under one of the replies instead of here.

    Hello!  This script was almost exactly what I was looking for and worked as expected!  However, I wonder if you could take this one step further.  I need the "slave" checkbox to stay checked if any (one or all) of the master boxes are checked and only turn off if NONE of them are checked.  As it stands now, if I uncheck any of the "master" checkboxes the slave box unchecks even if one or more of the master boxes is still checked.  Did I explain that well enough?  Thank you!

    D
    Doug.H
    Participant
    March 28, 2023

    Is "200Plus" your "slave" checkbox?

    Your OP says you want the 1st to mark the 2nd, and the imply you want the 2nd unmarked when the 1st becomes unmarked.

    Here, you seem to clarify that you want the "slave" 2nd checkbox to unmark only if all "master"s are unchecked.

     

    If you want the "master" checkboxes to only add a checkmark to the "slave" checkbox(es), sounds like omitting the else portion of code -- which would result in the "master" checkboxes only being able to add a checkmark, but not remove it -- might be an acceptable simple solution?

     

    To remove the checkmark if ALL "master" checkboxes are unchecked, I'm afraid you have some work ahead of you.  You'd have to test the value of every "master" checkbox in the else portion of code, something like:

    var fSlave = this.getField("SlaveCheckbox");
var f1 = this.getField("MasterCheckbox1");
var f2 = this.getField("MasterCheckbox2");
var f3 = this.getField("MasterCheckbox3");
//  add more as needed

if(f1.value=="Off" & f2.value=="Off" & f3.value=="Off") {
    //uncheck target "slave"
    fSlave.checkThisBox(0,false);
}

     

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices