javascript - 用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。

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

您现在必须计算并显示您的信息...

Answer 2

冒着给你太多代码的风险......鉴于你的问题没有被标记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);
    }
})();

有点令人费解，也许令人困惑 - 但如果您发布任何进一步的问题，请包括您尝试过的代码示例并说明您究竟在哪里模糊。