使用没有onClick函数的按钮调用JavaScript/AJAX作为输入名称.可能吗？

Question

得到了下一个HTML代码:

<form name="frm">
   <textarea class="textarea" name="textarea" id="textarea">
     <?php
        foreach ($textarea as $textareashow){
          echo $textareashow."\r\n";
        }?>
   </textarea><br><br>
   <input type="button" name="callbutton" value="Push button" id="execbutton" />
</form>

以及下一个JavaScript代码:

$(document).ready(function () {
  $('#callbutton').click(function () {
     alert("HELLO!!!");
  });
});

我想要的是从他的按钮输入名称调用JavaScript函数.可能吗？从他的输入id？非常感谢你.

Answer 1

试试这个:

$(document).ready(function () {
    $('#execbutton').click(function () {
       alert("HELLO!!!");
   });
});

将工作.

说明: #用于选择由该元件ID和.用于选择由一个元素类名.您是按名称选择元素,因此您需要使用$("input[name=callbutton]").如果您通过其属性或属性选择任何元素,则需要在[]括号中使用它. [property_name=property_name_value]像这样.

Answer 2

当然有可能.我发布了一个jsfiddle下面的内容

您可以使用以下jQuery选择器:#id和input[name=something](您不需要同时使用它们)

要添加click event按钮(在您的情况下),您可以使用.click(function(){})

所以:

$(function(){
     $("#your_btn_id").click(function(){   // using selector by id
          // do something
     });

     $('input[name="your_btn_name"]').click(function(){  // using selector by name
         // do something
     });   
})

您还可以组合选择器:

$(function(){
     $('#your_btn_id, input[name="your_btn_name"]').click(function(){   
          // do something
     });


     // or


    $("#your_btn_id").add('input[name="your_btn_name"]').click(function(){   
          // do something
     });
})

小提琴

Answer 3

按输入名称使用input[name="callbutton"]id使用id表示法#

$(document).ready(function () {
  $('input[name="callbutton"],#textarea').click(function () {
    alert("HELLO!!!");    
  });
});