jquery 根据name获取元素的问题

jquery 根据name获取元素的问题,第1张

jQuery没有那么选择器,但是可以通过 jQuery [attribute=value] 选择器实现根据name筛选的效果。

定义和用法

[attribute=value] 选择器选取每个带有指定属性和值的元素。可以选取带有任何属性的元素(对于指定的属性没有限制)。

语法:$("[attribute=value]")

参数:

attribute    

必需。规定要查找的属性。

value    

必需。规定要查找的值。

实例

//查找所有name="on"的标签

$("[name=one]")

[attribute]选择器还有更多用法,例如:

$("[href]")    //所有带有 href 属性的元素    

$("[href='#']")    //所有 href 属性的值等于 "#" 的元素    

$("[href!='#']")    //所有 href 属性的值不等于 "#" 的元素    

$("[href$='jpg']")    //所有 href 属性的值包含以 "jpg" 结尾的元素  

//更多[attribute]选择器的用法可以查看jQuery的api

使用input标签的value属性可以获取input的value值。

1、新建html文件,在body标签中添加input标签,为input标签设置value属性,属性值为“demo”:

2、为了方便获取input元素,为input标签设置id属性,属性值为“ipt”:

3、添加script标签,在script标签中添加代码“alert(documentgetElementById('ipt')value); ”,其中alert的意思是d窗,alert里面的内容是获取input标签中的value值代码:

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。

3、在testhtml文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数

5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。

6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。

首先应该是<input type="text" name="test" value="测试数据>这样的一个文本域,可以在你的servlet中下的dopost方法中写上这样一句代码:

public void doPost(>

UI:

<input type="button" name="btnTest" id="btnTest1"/>

<input type="button" name="btnTest" id="btnTest2"/>

Script:

//获取name='btnTest'的数量

var num = $("input[name='btnTest']")length;

1、根据name取值:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")val()

2、根据name取值遍历:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")each(function(){alert($(this)val());})

扩展资料:

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document)ready(function(){

var a=$("form input");

$each(

a,

function(name,object){

alert(name+":"+$(object)val());

}

);

});

</script>

放到<form></form>里,直接使用 var arr=$("form")serializeArray(); 这样就获取到了name-value的数组

以上就是关于jquery 根据name获取元素的问题全部的内容,包括:jquery 根据name获取元素的问题、怎么获取input的value值、jquery获取input标签的value等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9387965.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存