每次单击复选框时，Javascript都会显示相同的内容

Javascript display same content on each checkbox clicks?

本文关键字：显示 单击 复选框 Javascript      更新时间：2023-09-26

我有多个复选框，我希望它们在单击每个复选框时显示相同的内容。现在，当我点击一个复选框时，内容就会出现，但直到我取消点击它，下一个复选复选框才会显示任何内容。我希望只要单击复选框，就可以显示所有内容。任何提示。我试过这个：

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

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

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

相关文章：