如何使用属性获取输入类型的id

How to get the id of an input type using attribute

本文关键字:类型 id 输入 获取 何使用 属性      更新时间:2023-09-26

我有一个像

这样的复选框
<input id="inp__str_Object__17" type="checkbox" name="inp__str_Object__17" sym_name="Cust_attr_1" value="400024" >

使用javascript如何获得id (inp__str_object_17)使用sym_name="Cust_attr_1"

Like document.getAttribute("SYM_NAME")

var myInputs = document.getElementsByTagName('input');
for(var index in myInputs) {
   var myInput = myInputs[index].getAttribute('syn_name');
   if (myInput === 'some value')
      return myInputs[index].id;
}

希望对大家有所帮助

当querySelectorAll不可用时,您可以使用这里描述的"按属性查询"的方法。得到输入;然后,获取"id"属性。

我不确定是否存在通过自定义属性检索元素的本地解决方案。您可以自己完成其中的一些工作,例如:

var elem = document.getElementsByTagName("input");
var id = "";
for(var x = 0; x < elem.length; x++){
    if(elem[x].getAttribute("sym_name")){
       id = elem[x].id
    }
}

工作示例 http://jsfiddle.net/WvaYx/1/

或者您可以通过name属性拉出:

var elem = document.getElementsByName("inp__str_Object__17");
var id = elem[0].id;

工作示例 http://jsfiddle.net/WvaYx/