1

这就是我正在使用的:

http://jsfiddle.net/VkYnQ/

目标是选择你想要的次数,然后选择什么时间,然后它应该添加并显示时间'Copy to more dates?'

目前它有 1 个静态复选框,只是为了演示它应该如何工作。

因此,当每个工作日有 1 个静态复选框 0800 时,表示您选择了 1 个时间,并且该时间当前是 08:00。

如果您将此时间更改为 16:00,则复选框名称和标签应更改为 1600。

如果选择2次,并选择第二次到20:00,它应该在每个工作日在其他复选框旁边添加一个复选框,标签为“2000”

这是我为使更改工作而尝试的方法,因此如果您从例如 08:00 更改为 16:00,则复选框如下所示:http: //jsfiddle.net/epCbv/1/

哪个有效,但我想不出一种方法让它与我的代码一起工作。

希望那里的任何人都可以帮助我,如果可能(2天),我会奖励+300声望/赏金。

4

2 回答 2

1

我并不打算完成所有工作,但我更新了您的代码以使其接近您正在寻找的目标。代码很脏,我没有花很多时间,但它仍然可以理解。

让我知道这是否真的很好:)

查看结果:http: //jsfiddle.net/adrieng/VkYnQ/3/

Nota Bene:更新的东西没有链接到第一个select.timeclock. 所以选择了,例如,至少显示2次,并在第二次,第三次,第四次改变时间,......选择输入^^

于 2012-07-19T13:38:08.090 回答
0

根据您的代码:

采用:

$('.timeSelect').on('change', function(){

    var ind = parseInt($(this).attr('id')) +2;
    var newVal = $(this).val().replace(':', '');
    $("input:checkbox").eq(ind).attr('name', 'copyTime[1]['+newVal+']');
    $("input:checkbox").eq(ind).next('span').html(newVal);

    console.log(ind);

});

但是改变: clone().clone(true)//ADDED

.attr('name', function() { // changing the name
                    return 'seats_timeclock[' + randnr + ']';
                }).attr('id', (parseInt($('select[name^=seats_timeclock]:last').attr('id')))+2) //ADDED

并添加一个 id 来选择:

<td class="borderRight">
<select class="timeSelect" id="0" name="seats_timeclock[]">

这是小提琴

于 2012-07-19T13:52:20.870 回答