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(

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"