Page 1 of 1

Clear multiple checkbox

Posted: 04 Dec 2015
by coresoul
i have a field with radio button (3 selection)

i have 3 more checkbox fields (multiple selection) associated with this radio buttons. i would like to clear and hide 2 checkbox field one 3rd one is selected..viceversa

i did the hidden part but not able to clear the checkboxes.

help





function CorporateFields() {

var p = fd.field('DocNeed').control().value();

if (p == 0) {

$('.corpEnt').show(); // Enable

$('.site').hide(); // Disable

$('.dept').hide(); // Disable

}

else if (p == 1) {

$('.corpEnt').hide(); // Disable

$('.site').hide(); // Disable

$('.dept').show(); // enable

}

else if (p == 2) {

$('.corpEnt').hide(); // Disable

$('.site').show(); // enable

$('.dept').hide(); // Disable

}

else {



}

}



fd.field('DocNeed').control().change(function () {

CorporateFields();

});



// Initialize

CorporateFields();

Re: Clear multiple checkbox

Posted: 07 Dec 2015
by rostislav
To check a particular option in a checkbox control:

Code: Select all

//checkBoxIndex starts with 0
var checkboxIndex = 2;
fd.field('MultiChoice').control()._el()
.find('input[type="checkbox"]').eq(checkboxIndex)
.prop('checked', true);
To uncheck all options in a checkbox control:

Code: Select all

fd.field('choice').control()._el()
.find('input[type="checkbox"]')
.prop('checked', false);
To check all options:

Code: Select all

fd.field('choice').control()._el()
  .find('input[type="checkbox"]')
  .prop('checked', true);
See the following link for information about how to set values on any type of field:
http://spform.com/forms-designer- ... eld-values

Re: Clear multiple checkbox

Posted: 18 Dec 2015
by schuess
What about if you want to verify that at least 1 checkbox is checked. Say you have 3 options, and you want to make sure they have selected at least 1 or more?

Re: Clear multiple checkbox

Posted: 21 Dec 2015
by Dmitry Kozlov
Use this code:

Code: Select all

if (fd.field('Choice').value().length == 0) {
    alert('Please, fill-in the choice field.');
    return false;
}