程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> js-在foreach標簽中修改style屬性

js-在foreach標簽中修改style屬性

編輯:編程綜合問答
在foreach標簽中修改style屬性

代碼:
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";
              }
                        }
                }


    } 
glzmzd
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved