Jquery select button by name

Question

I don't understand how to select by name with Jquery the button "g_list".

<div class="col-sm-4 sezione-na">
<div class="titolo-sezione-na">Title:</div>
<div class="form-group">
    <div class="col-sm-12"><button name="g_list" type="button" class="btn btn-primary btn-block">Generate list</button></div>
</div>

I wrote this Jquery code, but it doesn't work:

$("input[name='g_list']").click(function(){
alert( "ready!" );});

Answer 1

In your code input[name='g_list'] will be search input element with that name, instead you need to search for button so use button[name='g_list'] for that.

$("button[name='g_list']").click(function() {
  //--^------ change here
  alert("ready!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col-sm-4 sezione-na">
  <div class="titolo-sezione-na">Title:</div>
  <div class="form-group">
    <div class="col-sm-12">
      <button name="g_list" type="button" class="btn btn-primary btn-block">Generate list</button>
    </div>
  </div>