Search jQuery

jQuery Forum

Using jQuery

david.ros..

Creating and Using Arrays with Multiple Checkboxes

in Using jQuery • 8 years ago

I am having a bit of a tough time with this one.

I have a fiddler of it here: http://jsfiddle.net/vhabhsrosed/XN2a2/

//First I want to check boxes. When I press Hide Unchecked the id's of the checked boxes are saved as an array. After the page is refreshed I want to retrieve the array and use it to recheck boxes that were checked and to automatically hide boxes that remain unchecked.

//I was thinking to store and retrieve it checked id's array as a property in a SharePoint library. But once I retrieve the property I am having trouble setting up the code to check the boxes from the array and hide boxes that remain unchecked.

Below is my efforts to use an array to check boxes and then hide those boxes that are not checked. Not happening. I appreciate any comments very much. -dave

<!doctype html>

<html>

<title>Untitled Document</title>

$(document).ready(function(){

$("#button1").click(function(){

//SP Services to retrieve stored array and recheck boxes...

var myArray="3";//this will be the array history stored in property

//var myArray=["love","foo"] //CANT GET THIS TO WORK

var myVar = $("input:checkbox").not(":checked")

alert(myVar);

$( myVar).each( function(){

if ($(this).val().indexOf(myArray)!=-1){

//if((myArray).indexOf($(this).val())!=-1){

$(this).attr('checked', true);

var myVarHide = $("input:checkbox").not(":checked").parent().parent();

$(myVarHide).hide();

var arr = []; $("input:checkbox:checked").each(function(){

arr.push($(this).val());

});

alert(arr);//SHOULD TRY LOCALSTORAGE

return false;

});

}

});

$("#button2").click(function(){

var myVarShow = $("input:checkbox").not(":checked").parent().parent();

$(myVarShow).show();

});

</script>;

</head>

<body>

<form>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Replies(6)

jakecigar

Re: Creating and Using Arrays with Multiple Checkboxes

8 years ago

To add a value to an array you use push

var a=[]; // empty array

a.push( anId) // one element

a.push( anotherId) // two elements

You need to store a somewhere. You can use a cookie or localStorage or ajax to send it back to the server.

Which do you want?

JΛ̊KE

david.ros..

Re: Re: Creating and Using Arrays with Multiple Checkboxes

8 years ago

Thanks, JakeCigar,

they won't let us on the server and from what I read it seems localStorage would be neat. IndexedDB is looking kind of tricky and I'm afraid some users will clear their cookies or the enterprise may have a policy that does this periodically.

can you hit the same localStorage from different computers on the same network accessing the same url?

jakecigar

Re: Creating and Using Arrays with Multiple Checkboxes

8 years ago

Local storage is local to a single computer/browser.

An IndexedDB would have the same problem,

Cookies are best for temporarily remembering something. If they clear them, everything is forgotten. You just have to deal with it.

Many sites do all the remembering on the server. But if you can’t, you will have to use the above ideas,

JΛ̊KE

david.ros..

Re: Re: Creating and Using Arrays with Multiple Checkboxes

8 years ago

Understood. In the end I'll probably this guy Marc Anderson's SharePoint JS library and store it on a SharePoint list so it will be persist and be available but for the short term will probably try my hand at the localStorage or cookies as you suggest.

Meanwhile I've closed in on the issue above regarding using and existing array to check checkboxes but am having trouble at the last mile. I've broken this part out into a separate fiddle for readability.

http://jsfiddle.net/vhabhsrosed/YcW6N/

JakeCigar if you have a minute perhaps you could offer some guidance on this one. Maybe after a nights rest I'll see something that should have been obvious - thanks

$(document).ready(function(){

var myArrayChkd=["a","c"];

$("#button1").click(function(){

$("input:checkbox").each(function(){

var iid=$(this).attr("id");

alert(myArrayChkd.indexOf(iid));

if (myArrayChkd.indexOf(iid)!=-1);

$(this).attr("checked",true); //THIS CHECKS ALL OF THEM BUT SHOULD NOT CHECK THE "HATE" CHECKBOX SINCE TEST STATEMENT =-1 as there is no "b" in the myArrayChkd variable???

});

/*else{ //CAN'T FIGURE OUT WHY THIS IS BAD SYNTAX?

alert("FOO

//$(this).parent().parent().hide();

});*/

});

$("#button2").click(function(){

$("input:checkbox").show();

});

jakecigar