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

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

我建议使用一些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/

Javascript在每个复选框上显示相同的内容点击？

1 个答案: