html字段隐藏,以html格式隐藏多个字段

我在HTML表单中有多个具有相同id的字段，如果特定字段的值为1但我只隐藏它们，但它只隐藏该ID的第一个字段，所有其他字段都不隐藏以html格式隐藏多个字段

Days of week

Monday

Tuesday

Wednesday

Thursday

Friday

Saturday

Sunday

Time

for($i=1;$i<=12;$i++){

echo"$i AM";

}

for($i=1;$i<=12;$i++){

echo "$i PM";

}?>

所有元素都具有相同的id =“G”。下面是javascript代码

var ele=document.getElementById("st").value;

if(ele==1)

document.getElementById("g").style.visibility = "hidden";

//else

//document.getElementById("g").style.visibility = "none";

但只有第一个元素(即一周的文天)获取隐藏所有其他显示。我如何隐藏所有其他人

+2

*所有的元素具有相同的ID = “G” *。 HTML不允许。 http://validator.w3.org/nu/可能会有帮助。 –

+0

检查此页面应该只有一个具有特定ID的元素，他们不应该重复http://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-不同类型 –

+0

同意。一个HTML文档不能有多个具有相同ID的单个元素。这就是为什么Javascript只找到第一个元素，然后停下来的原因。改为使用类和'getElementsByClassName'。 –