jquery根据name取值,jquery根据name赋值

使用jQuery按name属性选择元素

给定一个HTML文档,如何使用jQuery按name属性选择元素?下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法,希望对大家有所帮助。

成都创新互联公司科技有限公司专业互联网基础服务商,为您提供西部信息服务器托管高防服务器,成都IDC机房托管,成都主机托管等互联网服务。

在jQuery中,可以使用2个方法通过name属性选择元素;下面就来通过示例来介绍一下。

方法1:使用name属性选择器

name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。

语法:

示例:

输出:

方法2:使用javascript按名称获取元素并将其传递给jQuery

可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象。

语法:

示例:

输出:

更多 web开发 相关知识,请查阅 HTML中文网 !!

jquery怎么获取name属性的值

Js代码

:

$("div[id]")

选择所有含有id属性的div元素

$("input[name='newsletter']")

选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']")

选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']")

选择所有的name属性以'news'开头的input元素

$("input[name$='news']")

选择所有的name属性以'news'结尾的input元素

$("input[name*='man']")

选择所有的name属性包含'news'的input元素

$("input[id][name$='man']")

可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

jquery通过name,id名称获取当前value值

name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值

$("input:text").attr("name");

$("input:text").prop("name");  // 也可以使用prop()方法获取属性

$("*[name='name']").val(); //获取vlaue值

$("*[name='name']").attr('id','name'); //添加id名称

$("*[name='name']").after('

jquery通过name属性取值的方法

alert($("input[name='inputTest']").val());

alert($("input[type='text']").attr("id")); //这个是取id的值,方便记就写在这儿了

$("input[name='inputTest']").each(

function(){

alert($(this).val());

}

alert($("input[name='inputTest']")[0].value);

alert($("input[name='inputTest']")[1].value);

alert($("input[name='inputTest']").get(0).value); //此处也可以得到值,等同于上面两行

alert($("input[name='inputTest']").get(1).value);

根据name取值:  

$("input[name='mobile']").val()  

根据id取值:  

$("#mobile_reg_form").html()  

根据name取值了遍历:  

$("input[name='mobile']").each(  

function(){  

alert($(this).val());  

}  

)   

取出form中的input:  

$(document).ready(function(){    

vara=$("form input");    

$.each(    

a,    

function(name,object){    

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

}    

);    

});    

得到值(多个的情况):  

$("input[name='mobile']")[0].value  

$("input[name='mobile']").get(1).value  

-----jquery添加删除样式--------  

给一个标签添加样式:  

$("#id").addClass("style");  

删除一个标签的样式:  

$("#id").removeClass("style");  

注:"#id"  id是对应标签的id,style是对应css样式的名称  

jquery怎么获取name的值

name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值

$("input:text").attr("name");

$("input:text").prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

div class="box"

span点击按钮获取文本框的name属性值:/spanbr

div class="content"

input type="text" name="test" value="这个文本框的name属性值为test"

/div

input type="button" class="btn" value="获取文本框name值"

/div

设置css样式

div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{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,根据name获取多个input表单的值

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


文章名称:jquery根据name取值,jquery根据name赋值
文章起源:http://scyanting.com/article/dsichcc.html