How to get all elements which name starts with some string

Question

I have an HTML page  I would like to extract all elements whose name starts with  q1     How can I achieve this in JavaScript

User · Answer

You can try using jQuery with the Attribute Contains Prefix Selector       id  q1       Haven t tested it though

User · Answer

HTML DOM querySelectorAll   method seems apt here   W3School Link given here  Syntax  As given in W3School   document querySelectorAll CSS selectors    So the answer   document querySelectorAll   name  q1       Fiddle  Edit   Considering FLX s suggestion adding link to MDN here

User · Answer

Using pure java-script  here is a working code example   lt input type  checkbox  name  fruit1  checked  gt   lt input type  checkbox  name  fruit2  checked   gt   lt input type  checkbox  name  fruit3  checked   gt   lt input type  checkbox  name  other1  checked   gt   lt input type  checkbox  name  other2  checked   gt   lt br gt   lt input type  button  name  check  value  count checked checkboxes name starts with fruit   onClick  checkboxes       gt     lt script gt  function checkboxes     var inputElems   document getElementsByTagName  input    count   0  for  var i 0  i lt inputElems length  i             if  inputElems i  type     checkbox   amp  amp  inputElems i  checked    true  amp  amp   inputElems i  name indexOf  fruit      0     count          alert count      lt  script gt

User · Answer

A quick and easy way is to use jQuery and do this   var  eles       input name   q1      css  color   yellow      That will grab all elements whose name attribute starts with  q1    To convert the resulting collection of jQuery objects to a DOM collection  do this   var DOMeles    eles get      see http   api jquery com attribute-starts-with-selector   In pure DOM  you could use getElementsByTagName to grab all input elements  and loop through the resulting array  Elements with name starting with  q1   get pushed to another array   var eles       var inputs   document getElementsByTagName  input    for var i   0  i  lt  inputs length  i          if inputs i  name indexOf  q1       0            eles push inputs i

User · Answer

You can use getElementsByName  input   to get a collection of all the inputs on the page   Then loop through the collection  checking the name on the way  Something like this    lt  DOCTYPE html gt   lt html gt   lt head gt   lt meta charset utf-8   gt   lt title gt JS Bin lt  title gt    lt  head gt   lt body gt      lt input name  q1 a  type  text  value  1A   gt     lt input name  q1 b  type  text  value  1B   gt     lt input name  q1 c  type  text  value  1C   gt     lt input name  q2 d  type  text  value  2D   gt      lt script type  text javascript  gt    var inputs   document getElementsByTagName  input      for  x   0   x  lt  inputs length   x         myname   inputs x  getAttribute  name        if myname indexOf  q1     0         alert myname            do more stuff here                     lt  script gt   lt  body gt   lt  html gt    Demo

[javascript] How to get all elements which name starts with some string?

Examples related to javascript

Examples related to html