代碼:
html
<body onload="test();">
<form name="f1" method="post" action="">
<c:forEach items="${list}" varStatus="state" var="dto">
<input style="display:" class="btn btn-block btn-red" id="del" name="${dto.user_type}" value="刪除"
onclick=""/>
js:
function test(){
var check;
var pdb = document.getElementById("del");
check = pdb.name;
var shanchu=document.getElementById("del");
alert(check);
if(check==0){
shanchu.style.display="";
}
else{
shanchu.style.display="none";
}
}
我希望可以通過判斷 dto.user_type的值來 改變 display的值,但是在調試中發現,
在foreach遍歷下,只有第一個display的值受到了影響,其余的都是我設定的“”。
原因我想是我的list裡面只有第一行的 dto.user_type有值,其余幾行的都是null.
我是否有辦法可以讓遍歷循環下每一個input標簽的style.display的值都等於第一個?
如果ID一致,getElementById只會取第一個
function test(){
var check;
var pdbArr = document.getElementsByTagName('input');
for(var i=0;i<pdbArr.length;i++){
var pdb = pdbArr[i];
if(pdb.id=='del'){
var check = pdb.name;
if(check==0){
shanchu.style.display="";
}
else{
shanchu.style.display="none";
}
}
}
}