We're running on Forms v10.3.1.635

Trying the code below (also trying .prop)
 

$('.read-only input:checkbox').attr('readonly', true);

I've verified in the debugger console that the element is flagged readonly, but in Forms I can still interact with the checkbox. Any advise?

So this may get a bit complicated because disabled values do not get saved, and read-only checkboxes don't work as expected.

What you want to do is detect when the form is going to be submitted or saved, then remove the disabled attribute right before that so it keeps the value.

Try adding this code to your form:

$(document).ready(function(){
  $('.Submit, button[value="__SaveDraft"]').click(function(){
    $('.read-only input:checkbox').removeAttr('disabled');
  });
});

The idea here is that any time a user clicks the Submit button on the form, or the "Save" button in the Save as draft modal dialog, it will remove the disabled attribute right before it actually submits allowing the value to be saved.

If that still doesn't work, try adding the .change() event after you check the box to make sure the value is actually sticking.

The thing to watch out for is if they click Submit but some of the fields don't validate because then you might end up with the field being enabled/editable, but that can be dealt with as well and this should point you in the right direction.

Excellent! Due to the particulars of this Form, I don't need the values when I submit, only when I save a draft. I replaced .Submit, button[value="__SaveDraft"] with .draft-btn and things are working as needed! 
 

Thanks so much for your help.

Be careful with that, the reason I used button[value="__SaveDraft"] instead of .draft-btn is that the former targets the actual Save button.

If you target the "Save as draft" button, users could click Cancel or Close from the modal and then your field is exposed/editable.

Hi Jason,

Turns out I do actually need the values on submit. I have tried your recommended script with 

$('.Submit, button[value="__SaveDraft"]').click(function(){

And it is not saving the values in the check boxes when I save draft. Any ideas?

 

How are you checking/unchecking the boxes?

A lookup Populates some hidden fields, then Jscript checks boxes based on those hidden field values. 

I got things to work if I make a separate function for .Submit and .draft-btn, but was not able to get it working with one function containing both 

$('.Submit, .draft-btn').click(function(){

Nor can I get it to function using button[value="__SaveDraft"], whether that is contained in it's own function or together with .Submit.

The end result is I have most of the functionality they need, saving the correct values on Save Draft and Submit, but still have the possibility of someone cancelling a Save Draft and making what should be read only fields available to edit.