JavaScript get URL params, then trigger click on checkbox

Question

I got an GET request on a webpage, with multidimensional checkboxes. The GET request would look like this:

&company_state[AKERSHUS]=AKERSHUS&company_state[AKERSHUS][]=ASKER&company_state[SOGN+OG+FJORDANE]=SOGN+OG+FJORDANE&company_state[SOGN+OG+FJORDANE][]=ASKVOLL

As you can see, company_state is an array, which again contains an array of values.

Is it possible to use jQuery or plain JS to grab the URL parameters, and trigger a click on the checkboxes with the same name (company_state, company_municipality) and value?

I tried using this, but this doesn't seem to work in this purpose to grab the params.

function getQueryParams(qs) {
  qs = qs.split("+").join(" ");
  var params = {},
    tokens,
    re = /[?&]?([^=]+)=([^&]*)/g;
  while (tokens = re.exec(qs)) {
    params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
  }
  return params;
}

Thanks in advance.

EDIT:

Gives this result in console:

Ygalbel · Accepted Answer · 2016-05-05 11:58:46Z

1

You can parse query string as array, and then iterate over array and extract key and value.

Code is like this:

    function getQueryParameters(str) {
      return (str || document.location.search).replace(/(^\?)/,'').split("&").map(
        function(n){
          return n = n.split("="),this[n[0]] = n[1],this;
        }.bind({}))[0];
  }

var url = "&company_state[AKERSHUS]=AKERSHUS&company_state[AKERSHUS[]=ASKER&company_state[SOGN+OG+FJORDANE]=SOGN+OG+FJORDANE&company_state[SOGN+OG+FJORDANE][]=ASKVOLL";

var arr = getQueryParameters(url);


for(var a in arr){
  console.log("key:" , a.substr('company_state'.length), "   value:" ,  arr[a]);
}

You have here a live example.

answered May 5, 2016 at 11:58

Ygalbel

5,5491 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kaizokupuffball Over a year ago

It doesn't look like it's working like it should. The company_state[value] may also have a array of values. Like so:

var url = "&company_state[AKERSHUS]=AKERSHUS&company_state[AKERSHUS[]=ASKER&company_state[SOGN+OG+FJORDANE]=SOGN+OG+FJORDANE&company_state[SOGN+OG+FJORDANE][]=ASKVOLL&company_state[SOGN+OG+FJORDANE][]=EID"

As you can see, SOGN+OG+FJORDANE has two child values.

Ygalbel Over a year ago

Can you edit your post with an example of the result?

Kaizokupuffball Over a year ago

Okay, I fixed it another way using old input data (Laravel) to check the checkboxes.

Collectives™ on Stack Overflow

JavaScript get URL params, then trigger click on checkbox

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related