Dynamic form generation and submitting values to a script

[passingby]

Okay so I have been trying to improve upon my Events Notebook. I have event tiddlers which contain what,when, where,why, who and how data of an event in tiddler fields. These tiddlers are tagged as event as well as 2 more tags. One of the category 'type' and one of the category 'circle'. There are tags of the category type of event such as birth, death, marriage, journey, sickness, meeting, visit etc and another set of tags of the category circle such as personal, family, job, public, friends and relatives. So basically an event tiddler would have 3 tags: event, and one out of circle category and one out of type category.

So in order to create a Timeline which is based on tags I choose I wrote an inline script: http://pastebin.com/26egVc5r

This works fine and can be called from another tiddler by passing a string composed of tags separated by spaces.

But I want to improve this further and wanted to create a dynamically generated form which will contain two sets(type and circle) of checkboxes for all the tags of both categories and a button which when pressed parses these checkboxes and makes a single string of all the selected tags and passes this string to the script so as to dynamically generate the output based upon the selected tags. something like this. http://pastebin.com/fFbp4hg9

But I cannot find a way to make this work. How do I assign the button to work on click, so that it parses all the checkboxes and picks up the selected values and makes up a single string and passes that string as a parameter to the script which generates my timeline based upon the chosen tags?

Any help is appreciated.