Uncheck a Chckbox if date entered in a date field - Details page

[roattw]

I have an employee status checkbox (Y/N) showing they are Active when checked.

I would like to have that checkbox become deselected when a "Termination Date" is entered in a calendar popup.

Not finding a clear wau to accomplish this.

 

Many thanks!

[Ilyrian]

Hi @roattw

You can add the script below to your Header or Footer.
Please change EditRecordDate1 and EditRecordYesNo1 to your respective IDs.

<script type="text/javascript">

document.addEventListener('DataPageReady', function (event) {

var txtDate = document.getElementById('EditRecordDate1')
 if (!txtDate.value) {
    document.querySelector('#EditRecordYesNo1').checked =true;
}
txtDate.addEventListener('change', function() {
  if (!txtDate.value) {
    document.querySelector('#EditRecordYesNo1').checked = true;
  } else {
    document.querySelector('#EditRecordYesNo1').checked = false;
  }
});

});

</script>

 

[roattw]

Thanks your this script!  It doesnt seem to be working.  Does it matter that this is in the "Deatails" page and notf general DP?

[Ilyrian]

14 hours ago, roattw said:

Thanks your this script!  It doesnt seem to be working.  Does it matter that this is in the "Deatails" page and notf general DP?

I have implemented the same code in a Details Page. In the following link  https://c8cmr089.caspio.com/dp/02cab000b171d58801584f06906c you can check the solution.
 

[roattw]

Hmm.  Just not sure how mine is different and not working.  Field names all correct.

Wonder if its because this DP is intially filtered by that field Im trying to check/uncheck, only showing "active" people so maybe it cant change that value when already being used in the filter.

 

- "Active"

 

[roattw]

Interesting twist.  I had a typo in the script.  Fixed that.  Didnt work.  I added a second checkbox field Active2, changed the script to that 

'#EditRecordActive2'

and it worked fine.  But it just wont work on that first Active checkbox.

 

I even removed "Active" as a search filter for the data and still not working.  There is something ablout that initial Active field it doesnt like.

[CoopperBackpack]

Hello @roattw,

As I can see on your screenshot the field name is Termination_date.

The syntax to select the fields with the 'Text Field/Text Area/Dropdown/Checkbox/Listbox/Hidden' From element on the Details DataPage is EditRecordFIELDNAME

So, var txtDate should be: document.getElementById('EditRecordTermination_date').

Hope this fixes the issue.

[roattw]

Again, thanks for the help.  Just wont work on mine for some reason.  Triple checked my values and even recopied and applied your script.  Just wont change it.  Fascinating.

 

 

[CoopperBackpack]

Hi @roattw, 

I tested the script on the sample DataPage and it works on my side.

It should work if both fields are editable (Active and Termination_date).

Please test the following script:

<script>
document.addEventListener('DataPageReady', checkboxHandler);

var terminDate = document.getElementById('EditRecordTermination_date');

function checkboxHandler() {

terminDate.addEventListener('change', function() {
  if (terminDate.value == '') {
    document.querySelector('#EditRecordActive').checked = true;
  } else {
    document.querySelector('#EditRecordActive').checked = false;
  }
})

document.removeEventListener('DataPageReady', checkboxHandler);
};

</script>

[roattw]

Success!  Thank you so much!