如何用 jquery 获取button里的name值。

如何用 jquery 获取button里的name值。,第1张

可以用jquery的attr函数获取button里面的name值。

1、新建html文档,在body标签中添加input标签,标签类型为button,为这个标签设置一个id,然后引入jquery文件:

2、获取之前设置id的input标签,代码的格式是$('#id名'),这时之前设置id的input标签就会被选中:

3、为选中的标签添加attr函数,函数的参数为name,这时button里面的name值就被获取到了:

使用jQuery获取Button的值的方法如下:

1、获取button对象,可根据button的id或者class属性或者name属性等来获取想要的button对象;

2、根据对象获取值;

例:

现有button,id = bt

<button id='bt' value='123' />

获取对象的方法:$("#bt");

获取值的方法用val()方法获取值,完整写法:$("#bt")val();

点击以下按钮就可以获取其他td的值:

var tds = $(this)parent()parent()children("td");得到的tdslength输出为0;

用aler($(this)parent()parent()children("td")eq(0)text())

部分代码:

<tr> <td> item</td> <td>111</td> <td><input type="button" name="del" value="删除" /></td>

</tr>

jQuery

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

这个有很多种方法,

通过id $("#id")

通过class $("class")

通过name $("[name='name']")

通过标签,例如: input $(":input")

等等

通过以上方法找到对象,然后在进行 *** 作,比如需要这些对象的values值,就在后面加val()等等。

jquery是可以链式编程的,非常方便

name是input标签的属性值,jQuery提供了attr()方法用于设置/改变属性值$("input:text")attr("name");$("input:text")prop("name"); // 也可以使用prop()方法获取属性示例代码如下创建Html元素点击按钮获取文本框的name属性值:设置css样式divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}input[type='text']{width:200px;height:30px;border:none;}input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}编写jquery代码$(function(){$("input:button")click(function() {alert($("input:text")attr("name"));});})观察效果

以上就是关于如何用 jquery 获取button里的name值。全部的内容,包括:如何用 jquery 获取button里的name值。、jquery 怎么获取Button值、jquery怎么点击一行某个td,获取其他td的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10636069.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存