How can I select an element by name with jQuery?

javascript jquery html dom jquery-selectors

You can use the jQuery attribute selector:

$('td[name="tcol1"]')   // Matches exactly 'tcol1'$('td[name^="tcol"]' )  // Matches those that begin with 'tcol'$('td[name$="tcol"]' )  // Matches those that end with 'tcol'$('td[name*="tcol"]' )  // Matches those that contain 'tcol'

javascript jquery html dom jquery-selectors

Any attribute can be selected using [attribute_name=value] way.See the sample here:

var value = $("[name='nameofobject']");

javascript jquery html dom jquery-selectors

If you have something like:

<input type="checkbox" name="mycheckbox" value="11" checked=""><input type="checkbox" name="mycheckbox" value="12">

You can read all like this:

jQuery("input[name='mycheckbox']").each(function() {    console.log( this.value + ":" + this.checked );});

The snippet:

jQuery("input[name='mycheckbox']").each(function() {  console.log( this.value + ":" + this.checked );});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><input type="checkbox" name="mycheckbox" value="11" checked=""><input type="checkbox" name="mycheckbox" value="12">

Expand snippet