0

これが私の目標ですが、これは静的なものにすぎません。

http://jsfiddle.net/ySu7q/

これを動的にしたいので、以下の関連するチェックボックスは、選択ボックスで選択した値に従います。

現在の「18:00」選択ボックスで選択し、別のチェックボックス（例：19:00）に変更すると、下のチェックボックスが続き、表示テキストと名前の両方が1900に変更されます。copyTime[1][1800]にcopyTime[1][1900]

これどうやってするの？どこから始めればよいのかわかりません。それを可能にするために、現在のコードの構造を書き直す必要があるのではないでしょうか。

どうもありがとう

4

4 に答える 4

1

私は可能な解決策を作成しました：

$('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/

間違いなく完璧ではありませんが、お役に立てば幸いです。

于 2012-07-18T10:01:56.843 に答える
0

それで：

チェックボックスをオンにするには、次のように使用します。

<input type="checkbox" name="copyTime[1][1800]" value="1" CHECKED> <span>1800</span>

これはJSです：

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

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

});

これはフィドル

于 2012-07-18T10:26:17.567 に答える
0 
$(".select").change(function() {
    if($(this).is(":first-child"))
        $(".label:first-child").html($(this).val());
    else if($(this).is(":last-child"))
        $(".label:last-child").html($(this)val());
    else
        $(".label").eq(1).html($(this).val);
});
于 2012-07-18T09:59:17.410 に答える
0

これを試すことができます：

http://jsfiddle.net/ySu7q/2/

それはあなたが欲しいものですか？

于 2012-07-18T10:02:53.263 に答える