Question

我有两种形式

<form name='myform1'>
  <input type='button' class='submitBtn'>
</form>

<form name='myform2'>
  <input type='button' class='submitBtn'>
</form>

两个表单都有一个具有相同类的按钮。如何在jQuery中捕获仅 myform1 的按钮（submitBtn）的点击事件？

感谢。

Answer 1

错误：你不能在同一页上拥有相同的id

否则请执行

尝试这个

    $('input[type="button"]').click(function() {
       var formName=$(this).parent('form').attr('name');
       if(formName =='myform1'){ 
          alert( formName+' button is clicked'); 
      } if(formName =='myform2'){ 
         alert( formName+' button is clicked'); 
      }
   });

DEMO

Answer 2

不允许有多个ID具有相同的值。

解决方案：使用类名称进行视觉样式，使用不同的ID来捕获事件。

Answer 3

id表示标识符 - 因此，它在HTML页面中应该是唯一的，以允许用户识别元素。

尽管如此，如果你想获得名为myform1的形式的按钮，你可以使用这样的东西：

$('form[name="myform1"] input[type="button"]')

捕获按钮单击特定表单的事件？

3 个答案:

DEMO