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 选择元素，.用于通过 classname <选择元素/ strong>即可。您是按名称选择元素，因此您需要使用$("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
     });
})

Fiddle

Answer 3

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

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

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

3 个答案: