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

如题所述

name是button元素的属性,那么可以使用获取属性的方法获取name值:

$("input:button").attr("name"); // jQuery attr() 方法用于获取属性值

$("input:button").prop("name"); // prop()方法也可以用于获取属性值,绝大多数情况下二者通用

示例如下:

创建Html元素:多个不同name属性的button

<input type="button" name="button1" class="button" value="提交">

<input type="button" name="button2" class="button" value="提交">

<input type="button" name="button3" class="button" value="提交">

<input type="button" name="button4" class="button" value="提交">

<input type="button" name="button5" class="button" value="提交">

简单设置一下css样式

input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}

编写jquery代码:点击某个button后弹出框显示其name属性值

$(function(){

$("input:button").click(function() {

var value = $(this).attr("name"); // $(this)表示获取当前被点击元素的name值

alert(value);

});

})

1、程序不仅需要给计算机读 , 也要给程序员读。 程序设计风格的原则 , 代码应该清楚的和简单的 , 具有直截了当的逻辑 , 自然的表达式 , 通行的语言使用方式 , 有意义的名字和帮助作用和注释。

2、自定义类型名以大写字母开头,各单词之间以大写字母分隔,如 CallType (即骆驼式命 名法) 。 变量名以小写字母开头, 各单词之间以大写字母 分隔 (变量活动范围前缀以下划线 分隔) ,如 m_pReleaseIn。函数名以大写字母开头,各单词之间以大写字母分隔(进程、进 程页及子函数前缀以下划 线分隔) ,如 Sub_ErrorDealing。

温馨提示:答案为网友推荐,仅供参考