js根据input标签type属性筛选元素源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > js根据input标签type属性筛选元素源码下载

如果使用jquery实现此功能的话，非常的轻松，使用属性选择器进行一下筛选即可。

因为这是经过封装了，使用原生的javascript可就没有这么简单了，下面就通过代码实例介绍一下如何实现。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onload=function(){
  var oshow=document.getElementById("show");
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    var values="";
    var inputs=document.getElementsByTagName("input");
    for(var index=0;index<inputs.length;index++){
      if(inputs[index].type=="text"){
        values=values+inputs[index].value;
      }
    }
    oshow.innerHTML=values;
  }
}
</script> 
</head>
<body>
<div id="show"></div>
<input type="checkbox"  value="复选框"/>
<input type="radio" value="单选按钮"/>
<input type="text" value="文本框"/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

代码描述：js根据input标签 type属性筛选元素。js根据input标签type属性筛选元素源码下载

下载全部收藏

125 167

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册