javascript - Javascript 在每个复选框单击时显示相同的内容？

Question

我有多个复选框，我希望它们在单击每个复选框时显示相同的内容。现在，当我单击一个复选框时，会显示内容，但在我取消单击它之前，下一个复选框不会显示任何内容。只要单击复选框，我希望显示所有内容。任何提示。我试过这个：

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";
    }
}

Answer 1

将一些类属性插入所有复选框，以便您可以选择它们，然后捕获单击事件，遍历所有复选框并执行您需要做的任何事情（设置标签等）。

我建议使用一些 javascript 库，例如 jquery，例如：

<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/