Forum | Appery.io

I have a list box that shows name and number from a database. ( I tried to simplify by taking off name for testing)
User can select multiple itmes
How do I determine which were clicked, save those numbers?
I've tried numerous solutions but the closest I have come is using this:

var checked =[];
Apperyio("mobilecheckboxgroup_12").find("input:checked").each(function(){
checked.push($(this).attr('mobileNumber'));
});
localStorage.setItem("messages", JSON.stringify(checked));

I don't know if my problem has to do with mapping or something else?

Hi Jeff -

Your question is related to jQuery, you can search online how to work with this framework and solve common problems or search on our forum, most such cases have been covered previously.

Here is an example which uses checkboxes components and store selected values in local storage:
pre
code
//Where "mobilecheckboxgroup_23" your checkboxesgroup name. You should replace it with yours.

var checkBoxes = Apperyio("mobilecheckboxgroup_23").find('input[type="checkbox"]');
var checkBoxesState = {};

for(var i = 0; i < checkBoxes&#46;length; i++){
var checkBox = jQuery(checkBoxes);

 checkBoxesState[checkBox.val()] = {checked: checkBox.prop("checked"), view: checkBox.closest(".ui-checkbox").find("label").text()}; 

};

console&#46;log(checkBoxesState);

&#47;&#47;Store checkboxes state to the local storage variable&#46;

localStorage&#46;setItem("checkBoxesState", JSON&#46;stringify(checkBoxesState) );
/code
/pre

I've looked at many of the examples and there seems to be a number of different solutions to this. I wish someone would record a video on it since it seems to be a common issue here. I tried this example but it only gives me back the label and not the value in the label. I've spent a ridiculous amount of time trying to figure out this last issue to get my app to work right.

Hi Jeff,

Just tried this code and it works correctly.

See more details on the screen shot:

http://prntscr.com/7s00o9/direct

Regards.