Jquery按名称选择按钮

时间:2016-05-30 15:52:10

标签: javascript jquery

我不明白如何用Jquery按名称选择按钮“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>

我编写了这个Jquery代码,但它不起作用:

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

1 个答案:

答案 0 :(得分:6)

在您的代码中input[name='g_list']将是具有该名称的搜索输入元素,而您需要搜索按钮,因此请使用button[name='g_list']

$("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>