Is it possible to use .checked with multicheckboxes?

Ask the community
,
1

I am writing a page where the user can select from multiple options, but I want information about the options to come up on screen in the user clicks on that box in the multicheckbox, is this possible and if so how?

2

When you say multi checkboxes, then do you mean that you have a number of single checkboxes on your page or that you are using a checkbox group.

If you are talking about checkbox, then they can use .checked.
https://www.wix.com/corvid/reference/$w.Checkbox.html
https://www.wix.com/corvid/reference/$w.Checkbox.html#checked

User Input Element: Checkbox
Description: Checkboxes can either be checked or unchecked. The corresponding Boolean value will be saved in your collection. Learn More
Connects To: Boolean Field

If you are talking about checkbox group, then they can be used with .checked as they are saved with their value in an array.
https://www.wix.com/corvid/reference/$w.CheckboxGroup.html
https://www.wix.com/corvid/reference/$w.CheckboxGroup.html#value

User Input Element: Checkbox Group
Description: Checkbox Group allow visitors to make multiple selections.
A checkbox group have a label (text displayed on your page) and a value (data stored in your collection). The options selected (values) by a visitor are saved as a batch of text separated by commas.
Connects To: Tags Field

3

I am using a group. I need to know the order in which the checkboxes in the group are checked, will this be represented when the values are put into an array?

4

Corvid stores the checkbox group checked items to the value array, but not in the order that you checked them. You could create a page level array to store them in the order that they were checked. This example uses a checkbox group comprised of cities.

let Cities = [];

$w.onReady(function () {
});

export function checkboxGroup1_change(event) {
    let Values = event.target.value;
    for (var i = 0; i < Values.length; i++) {
        if (Cities.indexOf(Values[i]) === -1){
            Cities.push(Values[i]);
        }
    }
}