0

複数のチェックボックスがあり、それぞれをクリックしたときに同じ内容を表示したい。1 つのチェック ボックスをクリックすると、コンテンツが表示されますが、クリックを解除するまで、次のチェックボックスにはコンテンツが表示されません。チェックボックスをクリックしている限り、すべてのコンテンツが表示されるようにしたい。これでヒント。私はこれを試しました： 

function showTime(days){        
    var showTime = document.getElementById("time_schedules");
    var days = document.getElementById("schedule");
    if (days.checked) {
        showTime.style.display = "Block";
    }
    else{
        showTime.style.display = "none";
    }
}
4

1 に答える 1

0

すべてのチェックボックスにクラス属性を挿入して選択できるようにしてから、クリックイベントをキャプチャし、すべてのチェックボックスを繰り返し処理して、必要な操作（ラベルの設定など）を実行します。

たとえば、jqueryなどのjavascriptライブラリを使用することをお勧めします。

<input type="checkbox" name="cb1" class="cb" />
<label for="cb1" class="cblabel">label1</label>
<input type="checkbox" name="cb2" class="cb" />
<label for="cb2" class="cblabel">label2</label>

$('.cb').bind('click', function() {
    $('.cblabel').each(function(i,v) { v.innerHTML = 'hello'; });
});

http://jsfiddle.net/3EMyY/

于 2013-02-21T02:11:18.030 に答える