使用querySelector选择不具有value属性的输入

时间:2014-10-31 19:34:01

标签: javascript

我正在使用:

document.querySelectorAll('input[value=""]')

但它没有选择没有属性value的输入 如何选择没有值''且没有属性值的所有输入?

我想在没有jQuery且没有任何附加功能的情况下这样做,那只能使用querySelectorAll吗?

2 个答案:

答案 0 :(得分:4)

尝试

document.querySelectorAll('input:not([value])')

这应该返回所有不具有input属性的value

答案 1 :(得分:2)

您可以使用:

document.querySelectorAll('input:not([value]):not([value=""])');
  

获取所有没有属性“value”的输入和属性   “价值”不是空白

var test = document.querySelectorAll('input:not([value]):not([value=""])');
for (var i = 0; i < test.length; ++i) {
  test[i].style.borderColor = "red";
}
<input type="text" />
<input type="text" value="2" />
<input type="text" />
<input type="text" value="" />
<input type="text" />