Get text from dynamically created checkboxes (text is populated from database)

[Takis]

Hi all

I have check boxes created by a DB Service.
The DB has a table with one column, from where I get the text that will be displayed for the check box.
This works fine.

Now, I have a button.
When I click on the button, I want a javascript to iterate through the checked check boxes and get its text and store it in a local store.

I use various version of the below but I can not get the text

var mobilecheckboxgroup = Apperyio("chkBox_Interests").find(":checked");
var arr = [];
mobilecheckboxgroup.each(function(){
arr.push($(arr).text());
});
localStorage.setItem("lclStg_par1", arr);

[Kateryna Grynko]

Hi Panagiotis,

To get all checked checkboxes values use the following code: prevar checked = Appery('mobilecheckboxgroup_16')
.find(':checked')
.map(function() {
return this.value;
})/pre

[Takis]

Hi Katerina

I have the dynamic check boxes created fine.
When I put the below code in a button

Code 1--------------------------------------------------
var checked = Appery('mobilecheckboxgroup_16')
.find(':checked')
.map(function() {
return this.value;
});

localStorage.setItem("lclStg_par1", "~" + checked);

--------------------------------------------------

the output inside a label, where I put the value of the loacl storage is :
[object Object]

Now if I add in the DB Service mapping another mapping, of my column to also to "value" attribute of the dynamic check box
and
I use this code on a button, all works fine

Code 2-------------------------------------------
var mobilecheckboxgroup = Apperyio("chkBox_Interests").find(":checked");
var arr = [];
mobilecheckboxgroup.each(function(){
arr.push($(arr).text());
});
localStorage.setItem("lclStg_par1", arr);

var checked = [];
Appery("chkBox_Interests").find("input:checked").each(function(){
checked.push($(this).attr("value"));
});

localStorage.setItem("lclStg_par1", arr +"~" + checked);

------------------------------------------------

Is this a correct approach?

Can we make Code 1 to work?

[Takis]

SORRY

Correct Code 2 is the below
Code 2---------------------------------
var mobilecheckboxgroup = Apperyio("chkBox_Interests").find(":checked");
var arr = [];
mobilecheckboxgroup.each(function(){
arr.push($(this).attr("value"));
});
localStorage.setItem("lclStg_par1", arr);

---------------------------------

[Evgene Karachevtsev]

Hello Panagiotis,

Could you please post your code with tag code for we could be sure that it's not corrupted by this site?

[Evgene Karachevtsev]

Panagiotis,

[quote:]Can we make Code 1 to work? [/quote]
Yes, before saving you should call a get method
prevar checked = Appery('mobilecheckboxgroup_16')
.find(':checked')
.map(function() {
return this.value;
}).get();

localStorage.setItem("lclStg_par1", checked);/pre

[Takis]

Code 2 - Works fine

code

var mobilecheckboxgroup = Apperyio("chkBox_Interests").find(":checked");
var arr = [];
mobilecheckboxgroup.each(function(){
arr.push($(this).attr("value"));

/code

[Takis]

The one you posted, stangly does not work. Nothing is written in the label.

var checked = Appery('mobilecheckboxgroup_16')
.find(':checked')
.map(function() {
return this.value;
}).get();
localStorage.setItem("lclStg_par1", checked);

[Takis]

code
var checked = Appery('mobilecheckboxgroup_16')
.find(':checked')
.map(function() {
return this.value;
}).get();
localStorage.setItem("lclStg_par1", checked);
/code

[Evgene Karachevtsev]

Hello,

[quote:]The one you posted, stangly does not work.
var checked = Appery('mobilecheckboxgroup_16') [/quote]
Could you please detail, did you replaced "mobilecheckboxgroup_16" with your group name? I see the name "chkBox_Interests" in the working version is used.Also please specify, are there any errors in the browser console?