首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JQuery单击特定的提交按钮

使用JQuery单击特定的提交按钮
EN

Stack Overflow用户
提问于 2011-11-30 08:32:23
回答 6查看 73K关注 0票数 30

我正在使用下面的代码单击提交按钮:

代码语言:javascript
复制
$('input[type=submit]').click(); 

问题是我的页面上有更多的提交按钮,所以我需要针对一个特定的提交按钮。

我怎么能这么做呢?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2011-11-30 08:46:16

如果您知道submit输入的数量以及希望在哪个输入上触发click (按顺序),那么可以使用nth-child()语法来确定它的目标。或者将ID或类添加到每个ID或类,以将它们彼此分开。

按索引选择元素:

代码语言:javascript
复制
$('input[type="submit"]:nth-child(1)').trigger('click');//selects the first one
$('input[type="submit"]:nth-child(2)').trigger('click');//selects the second one
$('input[type="submit"]:nth-child(100)').trigger('click');//selects the 100th one

实际上有几种方法可以做到这一点,包括使用.eq()http://api.jquery.com/eq

根据元素的id选择元素:

代码语言:javascript
复制
<input type="submit" id="submit_1" />
<input type="submit" id="submit_2" />
<input type="submit" id="submit_100" />

<script>
$('#submit_100').trigger('click');
</script>

注意,.click().trigger('click')的缩写。

票数 33
EN

Stack Overflow用户

发布于 2011-11-30 08:35:35

如果您在input中添加了一个标记,比如一个特定的id或类,那么您可以使选择器更加具体。例如,如果您为按钮指定了form-btn的ID,如下所示:

代码语言:javascript
复制
<input type="submit" id="form-btn" />

您可以像这样选择它:

代码语言:javascript
复制
$('input[type=submit]#form-btn').click();

或者只是:

代码语言:javascript
复制
$('#form-btn').click();
票数 8
EN

Stack Overflow用户

发布于 2011-11-30 08:34:37

id添加到每个按钮,并选择带有jQuery的id

或者,如果表单有id,那么只需针对表单并像这样提交它:

代码语言:javascript
复制
$("#form-id").submit();
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8319688

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档