glzmzd 2015-06-03 03:23 采纳率: 50%
浏览 2765
已采纳

在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的值都等于第一个?

  • 写回答

4条回答 默认 最新

  • danielinbiti 2015-06-03 03:28
    关注

    如果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";
                  }
                            }
                    }
    
    
        } 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵