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

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

提问于 2018-02-28 16:06:08
回答 2关注 0查看 142

我使用以下方法单击提交按钮:

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

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

我怎么能这么做?

回答 2

我要飞别拦我

回答已采纳

发布于 2018-03-01 00:22:27

如果你知道submit输入,以及要触发click然后你可以用nth-child()语法来针对它。或者向每个ID或类添加一个ID或类,将它们与另一个相分离。

按索引选择元素:

代码语言:txt
AI代码解释
复制
$('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()

按其id选择元素:

代码语言:txt
AI代码解释
复制
<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')...

coolawen

发布于 2018-03-01 01:19:05

如果你添加了一个标记,比如特定的id或类到你的input,你可以使你的选择器更具体。例如,如果你给出了能想要的IDform-btn就像这样:

代码语言:txt
AI代码解释
复制
<input type="submit" id="form-btn" />

你可以这样选择它:

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

或者只是:

代码语言:txt
AI代码解释
复制
$('#form-btn').click();
和开发者交流更多问题细节吧,去 写回答
相关文章
Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码。
全栈程序员站长
2022/06/29
4.4K0
HTML单击按钮弹出悬浮窗+页面遮罩
<meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
用户7718188
2021/10/08
16.4K1
jquery 置顶按钮
这个图片我用了阿里的矢量图库,如果不懂如何使用的朋友,可以访问iconfont阿里巴巴矢量图标库从注册到使用。
Devops海洋的渔夫
2019/06/02
3.3K0
类模块应用示例:获取单击的命令按钮名称
这个示例来源于ozgrid.com,有兴趣的朋友可以研究。在用户窗体上共有24个命令按钮,如下图1所示。
fanjy
2023/10/04
7380
类模块应用示例:获取单击的命令按钮名称
jQuery实现单击页面产生随机字符效果
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
浩Coding
2019/07/02
2.9K0
jQuery实现单击页面产生随机字符效果
Android之按钮点击事件(单击、双击、长按等)
在布局文件中添加按钮点击事件 1、在xml文件中 为 Button 添加android:onclick属性
程思扬
2023/07/24
3K0
点击提交按钮,提交所有生成的input参数
今天晚上加班,又写了一些很基础的东西,感觉到自己的js基础还是很差的,对于数据结构上的理解还差了很多火候。
王小婷
2019/07/10
2K0
点击提交按钮,提交所有生成的input参数
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
将 <input /> 标签 的 type 属性设置为 button , 就可以将该 表单组件 设置为 普通按钮 类型表单 ;
韩曙亮
2023/03/30
9.1K0
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
Jquery 异步提交表单
前台部分代码: <div id='error'></div><!--错误提示信息--> <input type='text' id='username' name='username' readonly='Readonly'/><!--readonly为只读--> <input type='password' id='password' name='password'> <input type='text' id='company' name='company'> <input type='text'
用户1503405
2021/09/23
3.2K0
jquery定时执行函数_jquery自动提交
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/10/01
2.6K0
web前端之锋利的jQuery八:jQuery插件的使用(表单验证、表单提交)
插件也称扩展,是一种遵循一定规范的应用程序接口编写出来的程序。 1.jQuery表单验证插件-Validation: 最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件-Validation,其拥有以下优点: 内置验证规则:拥有必填、数字、email、URL和信用卡号等19类内置验证规则。 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默认提示信息的功能 实时
Java帮帮
2018/03/16
7.1K0
提交到不同URL的表单按钮
这是几天前想到的,我忘了在哪,但是我把它记在了我的小笔记本上,打算发到博客里。我把它写下来是因为我听到一些把它过于复杂化的东西。
疯狂的技术宅
2019/03/27
2.4K0
JQuery排他思想-按钮点击变色事件按钮制作
点击按钮的时候,被点击按钮颜色变化,其他按钮要保持不变。 <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--
梦溪
2021/08/23
10.8K0
选择篇(039)-单击按钮时event.target是什么?
导致事件的最深嵌套元素是事件的目标。你可以通过event.stopPropagation停止冒泡
齐丶先丶森
2022/05/12
2K0
JQuery实现AJAX异步提交
文章目录 1. JQuery实现AJAX异步提交 1.1. 准备 1.2. $.ajax({}) 1.2.1. 格式 1.2.2. 实例 1.3. $.get() 1.3.1. 格式 1.3.2. 实现 1.4. $.post 1.4.1. 格式 1.4.2. 实现 JQuery实现AJAX异步提交 准备 点击下载JQurery的文件 添加JQuery的文件: <script type="text/javascript" src="文件路径"></script> $.ajax({}) 格式 其中的url
爱撒谎的男孩
2019/12/31
3.4K0
LayUi的from组件搭配jQuery提交
layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。
凯哥Java
2022/12/15
6560
LayUi的from组件搭配jQuery提交
LayUi的from组件搭配jQuery提交
layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。
凯哥Java
2019/06/28
1.2K0
jquery导航选中按钮颜色变化
今天写一个前端页面的小功能,选中某个按钮或者菜单的时候颜色发生变化,以便用户区分自己选中的选项,这也是一种前端日常工作之中优化项。 效果是这样的:
王小婷
2019/07/04
4.3K0
jquery点击删除按钮,删除当前的div
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。
王小婷
2019/07/08
6K0
jQuery 双击事件(dblclick)时,不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。 先看一下点击事件的执行顺序:
飞奔去旅行
2019/06/13
6.1K0

相似问题

使用jQuery提交“输入”表单?

2357

如何防止按钮提交表单?

2393

如何在Git中合并特定的提交?

2293

如何选择具有特定值的按钮?

2280

如何回滚(重置)Git仓库到特定的提交?

2865
相关问答用户
某公司 | 程序员擅长1个领域
腾讯云TDP | 先锋会员擅长2个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档