如何使用getElementsByClassName检查输入中的值，像这样

How to check value in input using getElementsByClassName , Like this?

本文关键字：像这样 输入 何使用 getElementsByClassName 检查      更新时间：2023-09-26

如何使用getElementsByClassName检查输入中的值，像这样？

当我加载页面时，我想提醒

HAVE VALUE 3 INPUT 
NOT HAVE VALUE 2 INPUT

我该怎么做？

..............................

............

http://jsfiddle.net/3AaAx/37/

<input type="text" class="xxx" value="111"/>
<input type="text" class="xxx" value=""/>
<input type="text" class="xxx" value="222"/>
<input type="text" class="xxx" value=""/>
<input type="text" class="xxx" value="333"/>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    // this function for use getElementsByClassName on IE 7 and 8 //
    if (!document.getElementsByClassName) {
      document.getElementsByClassName = function(search) {
        var d = document, elements, pattern, i, results = [];
        if (d.querySelectorAll) { // IE8
          return d.querySelectorAll("." + search);
        }
        if (d.evaluate) { // IE6, IE7
          pattern = ".//*[contains(concat(' ', @class, ' '), ' " + search + " ')]";
          elements = d.evaluate(pattern, d, null, 0, null);
          while ((i = elements.iterateNext())) {
            results.push(i);
          }
        } else {
          elements = d.getElementsByTagName("*");
          pattern = new RegExp("(^|''s)" + search + "(''s|$)");
          for (i = 0; i < elements.length; i++) {
            if ( pattern.test(elements[i].className) ) {
              results.push(elements[i]);
            }
          }
        }
        return results;
      }
    }
    var xxx_var = document.getElementsByClassName('xxx');
    alert(xxx_var.length);
});
</script>

在 var 之后添加以下代码 xxx_var = document.getElementsByClassName（'xxx'）;

 var inputCount=0,nonInputCount=0;
for(var i=0;i<xxx_var.length;i++){
  if(xxx_var[i].value != ""){
      inputCount++;
}else{
     nonInputCount++;
     }
}
alert("Input Count " + inputCount + " , and non input count " +nonInputCount );

如果你使用jquery，它将是非常容易的代码。

如果您不明白，请告诉我。

谢谢
拉维兰詹

相关文章：