提交按钮的点击功能的jquery语法是什么答案

【问题标题】：What's the jquery syntax for click function of submit button提交按钮的点击功能的jquery语法是什么
【发布时间】：2011-05-17 06:31:14
【问题描述】：

我的表单有一个这样定义的提交按钮：

<input type="submit" name="submit-reg" value="Register" class="submit button">

调用按钮的jquery click() 函数的语法是什么？我试过了：

$('#submit-reg').click(function()...

但它不起作用。

【问题讨论】：

把id=submit-red给<input ...>
哈里·乔伊说的。 # 是 id 选择器的前缀。您的示例不起作用，因为表单没有 id="submit-reg"。
@Harry 和@Paruse，谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。

标签： jquery click submit

【解决方案1】：

$('.submit').click(function() {
  alert('Button clicked');
});

or   

 use id="submit-reg"  # is use for id

演示

http://jsfiddle.net/Uuqt8/1/

【讨论】：

谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。

【解决方案2】：

使用

$(".submit").click(function(){
     //click event
 });

如果你使用上面的函数，你不需要改变你的html。

【讨论】：

谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。
@Ash，亚历克斯的答案在哪里？
我猜他出于某种原因删除了它。
@alex，对不起，如果我做错了什么。我当然不是故意的。

【解决方案3】：

   <form action=""> 
   <input type="submit" value="Submit">
   </form> 

<script>
$(document).ready(function(){
    $("form").submit(function(){
        alert("Submitted");
    });
});
</script>

【讨论】：

【解决方案4】：

$(document).ready(function(){
    $(":submit").css("background-color", "red");
});

【讨论】：

【解决方案5】：

<input type="submit"  name="submit-reg" 
      value="Register" class="submit button">

您可以按名称选择

$('input[name=submit-reg]').click(...

DEMO

here 是一个有用的链接

【讨论】：

我不想更改按钮的定义，因为它是在 WordPress 插件中定义的。我只想写正确的点击功能代码。

【解决方案6】：

试试这个……

$('#submit-reg').click(function(event){
event.stopPropagation();
//rest of your code will go here
});

【讨论】：

谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。

【解决方案7】：

如果你想确保它只匹配一个元素（因为 .submit 可以匹配任意数量的元素），你可以使用：

$("input[name='submit-reg']")

【讨论】：

谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。

【解决方案8】：

$("input[@name='submit-reg']").click(
function()
{
   //Code
});

试试这个jquery代码

而且，如果你想停止同一个输入按钮上的其他点击事件，那么试试这个

$("input[@name='submit-reg']").click(
function(event)
{
   event.stopPropagation();
   //Code
});

【讨论】：

谢谢，但我认为问题出在其他地方。请参阅我对亚历克斯回答的评论。