js通过type属性值筛选input元素源码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > js通过type属性值筛选input元素源码实例

大家知道input元素的type属性有多种，每一种type属性值代表一种不同的input元素，比如type为text代表着文本框，type为radio代表着单选按钮等，下面就介绍一下如何利用原生javascript实现对input元素的筛选功能。

代码如下:

[ 其他 ] 运行代码下载代码

<!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 obox=document.getElementById("box");
  var inputs=obox.getElementsByTagName("input");
  var oshow=document.getElementById("show");
  var ele=[];
  for(var index=0;index<inputs.length;index++){
    if(inputs[index].type=="text"){
      ele.push(inputs[index]);
    }
  }
  oshow.innerHTML=ele[0].value;
}
</script>
</head>
<body>
<div id="show"></div>
<div id="box">
  <input type="checkbox" value="复选框"/>
  <input type="text" value="51前端"/>
  <input type="radio" value="单选按钮"/>
</div>
</body>
</html>

代码描述：js通过type属性值筛选input元素。js通过type属性值筛选input元素源码实例

下载全部收藏

249 332

用户评论

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