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

Question

我有一个复选框

<input id="inp__str_Object__17" type="checkbox" name="inp__str_Object__17" sym_name="Cust_attr_1" value="400024" >

使用 javascript 如何使用 sym_name="Cust_attr_1" 获取 id (inp__str_Object__17)

喜欢document.getAttribute("SYM_NAME")

Answer 1

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;
}

希望这有帮助

Answer 2

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

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/

Answer 3

如果不使用库，querySelectorAll 不可用时，您可以使用此处所述的“按属性查询”的方法按属性获取元素？获取输入；然后，只需获取“id”属性。