# Update checkbox List via URL querystring

**URL:** https://forum.kirupa.com/t/update-checkbox-list-via-url-querystring/645525
**Category:** web dev
**Created:** [December 31, 2020, 1:33pm UTC](https://forum.kirupa.com/t/update-checkbox-list-via-url-querystring/645525 "2020-12-31T13:33:49Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Three\_X](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/three_x/32/11504_2.png) [@Three\_X](https://forum.kirupa.com/u/Three_X)
#### Post date: [December 31, 2020, 1:33pm UTC](https://forum.kirupa.com/t/update-checkbox-list-via-url-querystring/645525/1 "2020-12-31T13:33:49Z")

</div>

I have a URL which have some default model,  
[example.com/selector/](http://example.com/selector/)  
when user type something it update the list

`<input type="text" name="filter" placeholder="{{$lang.common_forms.field_filter_hint}}"/>`

[example.com/selector/?q=something](http://example.com/selector/?q=something)

```
<div id="unik" class="button-group">
	{{foreach item="item" from=$data}}
		<div class="item">
			<input id="model_{{$item.model_id}}" type="checkbox" class="checkbox" value="{{$item.model_id}}"/>
			<label for="model_{{$item.model_id}}">{{$item.title}}</label>
		</div>
	{{/foreach}}
</div>

```

I want to update it, when user start typing input text box:

```
<div class="filter">
	<input type="text" name="filter" placeholder="{{$lang.common_forms.field_filter_hint}}"/>
</div>

```

Via ajax or javascript

```
var params = parsedUrl.param();
delete params["page"];

var newUrl = "?page=" + $(this).val() + "&" + $.param(params);
```