How to use querySelectorAll only for elements that have a specific attribute set?

by

You can use querySelectorAll() like this:

var test = document.querySelectorAll('input[value][type="checkbox"]:not([value=""])');

This translates to:

get all inputs with the attribute “value” and has the attribute “value” that is not blank.

In this demo, it disables the checkbox with a non-blank value.

More Related Contents:

  1. Changing CSS pseudo-element styles via JavaScript [duplicate]
  2. Using querySelector with IDs that are numbers
  3. How to get the second match with QuerySelector?
  4. querySelector search immediate children [duplicate]
  5. Using querySelectorAll(). Is the result returned by the method ordered?
  6. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  7. “querySelectorAll()” with multiple conditions in JavaScript
  8. How to use a regular expression in querySelectorAll?
  9. Can I have an element with an ID that starts with a number?
  10. querySelector, wildcard element match?
  11. Javascript .querySelector find by innerTEXT
  12. How to select nth line of text (CSS/JS)
  13. Get unique selector of element in Jquery
  14. Get element’s CSS selector (when it doesn’t have an id)
  15. Test if a selector matches a given element
  16. Get the DOM path of the clicked
  17. jQuery vs document.querySelectorAll
  18. Get CSS path from Dom element
  19. Best way to find DOM elements with css selectors
  20. .parents() without jquery – or querySelectorAll for parents [duplicate]
  21. CSS selector for targeting only immediate children and not other identical descendants
  22. Why does document.querySelectorAll return a StaticNodeList rather than a real Array?
  23. Can I use a regular expression in querySelectorAll?
  24. How to generate unique css selector for DOM element?
  25. IE8 does not support querySelectorAll
  26. Are data attribute css selectors faster than class selectors?
  27. QuerySelector for Web Elements Inside iframe
  28. How to create a collapsing tree table in html/css/js?
  29. CSS: Select element only if a later sibling exists
  30. iOS8 Safari after a pushState the :nth-child() selectors not works

Leave a Comment