提交按钮的单击功能的jquery语法是什么

时间:2011-05-17 06:31:14

标签: jquery click submit

我的表单有一个以这种方式定义的提交按钮:

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

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

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

但它不起作用。

8 个答案:

答案 0 :(得分:3)

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

or   

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

演示

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

答案 1 :(得分:3)

使用

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

如果使用上述功能,则无需更改html。

答案 2 :(得分:1)

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

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

答案 3 :(得分:1)

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

答案 4 :(得分:0)

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

您可以按名称选择

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

DEMO

here是一个有用的链接

答案 5 :(得分:0)

试试这个......

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

答案 6 :(得分:0)

如果你想确保它只匹配一个元素(因为.submit可以匹配任意数量的元素),你可以使用:

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

答案 7 :(得分:0)

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

试试这个jquery代码

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

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