Javascript是否在每次单击复选框时显示相同的内容?
我有多个复选框,我希望它们在单击每个复选框时显示相同的内容。现在,当我单击一个复选框时,会显示内容,但在我取消单击之前,下一个复选框不会显示任何内容。我希望只要单击复选框,就会显示所有内容。任何关于这个的提示。 我试过这个:Javascript是否在每次单击复选框时显示相同的内容?,javascript,Javascript,我有多个复选框,我希望它们在单击每个复选框时显示相同的内容。现在,当我单击一个复选框时,会显示内容,但在我取消单击之前,下一个复选框不会显示任何内容。我希望只要单击复选框,就会显示所有内容。任何关于这个的提示。 我试过这个: function showTime(days){ var showTime = document.getElementById("time_schedules"); var days = document.getElementById("sc
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";
}
}
在所有复选框中插入一些类属性,以便您可以选择它们,然后捕获单击事件,遍历所有复选框并执行您需要执行的任何操作(设置标签等) 我建议使用一些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'; });
});
标签1
标签2
$('.cb').bind('click',function(){
$('.cblabel')。每个(函数(i,v){v.innerHTML='hello';});
});
能否将代码放入jsfiddle.net中?需要更多代码来帮助您,但参数的名称与变量的名称相同。如果有多个复选框,则不能为所有复选框指定相同的ID。现在,复选框显示选中的数据,但只要选中该复选框,即使选中其他复选框,也应显示数据。例如,选中两个框时,应显示其中两个数据。