Question

我得到一个“输入” dom元素，我需要检查它们的“类型”。

示例代码：

<form id='test'>
    <input type="radio" name="aaaa" value="aaa">
</form>

var inputElement = document.getElementById('test').getElementsByTagName('input');

好吧，现在，我需要检查inputElement是否为'radio'类型。

我该怎么做？

Answer 1

if (inputElement.type === "radio") {
    //Do something
}

如果您阻止类似的事情，建议您学习一些基本的javascript并阅读the DOM documentation.

Answer 2

尝试一下：

var inputElement = document.getElementById('test').getElementsByTagName('input');
console.log(inputElement)
if(inputElement[0].getAttribute('type') === 'radio') console.log("It's a radio input");
if(inputElement[0].getAttribute('type') === 'text') console.log("It's a text input");

<form id='test'>
    <input type="radio" name="aaaa" value="aaa">
</form>

Answer 3

JS小提琴：https://jsfiddle.net/y4pm9o6c/3/

<form name = 'test'>
  <input name="aaaa" type = "radio" value="aaa">
</form>

<script>
  var inputType = document.test.aaaa.type;

  if (inputType === 'radio') {
    alert(inputType);
  }
</script>

通过{strong> name 属性而不是 id 使用<form>很方便。
您也没有在您的JS代码中添加任何<script>标签。

Answer 4

尝试一下：

var inputElement = document.getElementById('test').getElementsByTagName('input')[0];
console.log(inputElement.attributes["type"].value)

<form id='test'>
    <input type="radio" name="aaaa" value="aaa">
</form>

Answer 5

您可以在jquery中执行此操作-

为您的输入元素提供ID-

<input type="radio" name="aaa" value="aaa" id="inputaaa">
获取您在jquery中的输入类型，如下所示-

var input_type = $("#inputaaa").attr("type");
使用jquery检查输入类型是否为单选-

if(input_type == "radio"){// Your code if input_type is radio} else{// Your code if input_type is not radio}

Answer 6

var inputElement = document.getElementsByTagName('input')[0];
var type = inputElement.getAttribute('type')
console.log(type)

<form id='test'>
    <input type="radio" name="aaaa" value="aaa">
</form>

使用javascript获取输入类型

6 个答案: