广告区

广告区


本站消息

站长简介/公众号


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

获取多个元素:只返回最后一个

发布于2022-06-01 02:29     阅读(1047)     评论(0)     点赞(8)     收藏(3)




我试图通过类名和元素名称通过函数获取多个元素(输入),但在这两种情况下都只返回最后一个元素。即使我点击了前两个复选框,警报也是“再见是假的”。当我单击它时,这应该显示为“真实”元素,但不会发生。

这是 HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
   <input type="checkbox" name="inPut" value="hi" class="greeting" /> Hi!!
  </br>
  <input type="checkbox" name="inPut" value="good" class="greeting" /> Good Morning!!
  </br>
  <input type="checkbox" name="inPut" value="bye" class="greeting" /> Bye!!
</body>
</html>

我试图让他们使用classNAME:

var inNer = document.getElementsByClassName('greeting');


    for (var i = 0; i < inNer.length; i++){

        prueba = inNer[i];
        var test = prueba.onclick = showIn;

      }


    function showIn(){

      var rex = prueba;
      alert('\''+rex.value+'\'' + ' es ' + rex.checked);
    }

我尝试通过名称获取元素:

var inName = document.box.inPut;


for (var i = 0; i < inName.length; i++){

  var test = inName[i];
  var call = test.onclick = showIn;
}

function showIn(){

  var outPut = test;
  alert(outPut.value + ' is ' + outPut.checked);

}

解决方案


你的showIn函数不正确。无需prueba再次分配。它应该是:

function showIn() {
  alert('\'' + this.value + '\'' + ' es ' + this.checked);
}

小提琴


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)
关注公众号:程序员总部,回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分






所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/361547/7170a83da3b42f773f55/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

8 0
收藏该文
已收藏

评论内容:(最多支持255个字符)