Question

This is my goal, this is only static though:

http://jsfiddle.net/ySu7q/

I wish to make this dynamic, so the related checkbox below follow what value you have chosen in the select box.

I would like to do when you select in the current ’18:00′ select box, and change it to another e.g 19:00 – then the checkbox below should follow and change to 1900 both the display text and the name should be changed from copyTime[1][1800] to copyTime[1][1900]

How can I do this? I have no clue where to start, maybe the structure of the current code should be rewritten to make it possible?

Thanks alot

Answer 1

I created a possible solution:

$('select').change(function(){
    var $this = $(this),
        time = $this.val(),
        $checkbox = $('#'+$this.attr('data-checkbox')),
        $checkbox_label = $('label[for="'+$this.attr('data-checkbox')+'"]');

    $checkbox.attr('name', 'copyTime[1]['+time+']');
    $checkbox_label.text(time);
});​​​​

http://jsfiddle.net/ySu7q/1/

Definitely not perfect but I hope it helps.