如何知道文档加载javascript时输入的属性

Question

当文档加载完成时，我确实需要知道输入的属性。例如：

<input type="text" data-type="string" /> 
<input type="text" data-type="string" /> 
<input type="text" data-type="date" /> 

而且与警报的JavaScript应显示

you have 2 string data-type and 1 date data-type 

Answer 1

在被提名为给你太多代码的风险......因为你的问题还没有被标记jQuery一纯Javascript实现可能如下：

(function(){ 
    var loader = window.onload; 
    window.onload = function(){ 
     if(typeof loader == 'function') loader(); 
     var els = document.getElementsByTagName('input'), data = []; 
     for(var i=0;i<els.length;i++){ 
      var type = els[i].getAttribute('data-type') || 'unknown'; 
      if(typeof data[type] == 'undefined') data[type] = 1; 
      else data[type]++; 
     } 
     var out = ''; 
     for(var key in data){ 
      if(out != '') out += 'and '; else out += 'You have '; 
      out += data[key] + ' ' + key + ' data-type '; 
     } 
     alert(out); 
    } 
})(); 

有些比较绕口，也许令人困惑 - 但你应该张贴任何进一步的问题，请包括代码示例你已经尝试和状态正是你模糊。

Answer 2

使用jQuery。

$.each($("input") , function(_index, _item){  
    alert($(_item).attr("data-type")); 
}); 

你刚才要算并显示您的邮件...