jquery通过name选择（jquery通过name，id名称获取当前value值）

本文目录

• jquery通过name，id名称获取当前value值
• jquery怎么获取name
• jquery怎么用name获取对象
• jQuery,根据name获取多个input表单的值
• jquery有没有name选择器
• jquery如何根据多选框name来获得选中的值

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

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

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

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

$("*").val(); //获取vlaue值

$("*").attr(’id’,’name’); //添加id名称

$("*").after(’
jquery通过name属性取值的方法

 alert($("input").val());

alert($("input").attr("id")); //这个是取id的值，方便记就写在这儿了

$("input").each(

function(){

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

}

) 

alert($("input.value);

alert($("input.value);

alert($("input").get(0).value); //此处也可以得到值，等同于上面两行

alert($("input").get(1).value);
根据name取值：  
$("input").val()  
根据id取值:  
$("#mobile_reg_form").html()  

根据name取值了遍历：  
$("input").each(  
function(){  
alert($(this).val());  
}  
)   
取出form中的input：  

$(document).ready(function(){    

vara=$("form input");    

$.each(    

    a,    

function(name,object){    

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

}    

);    

});    

得到值（多个的情况）：  
$("input.value  
$("input").get(1).value  
-----jquery添加删除样式--------  

给一个标签添加样式:  

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

删除一个标签的样式:  

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

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

jquery怎么获取name

jquery根据name属性查找
$("div") //选择所有含有id属性的div元素
$("input") //选择所有的name属性等于’keleyicom’的input元素
$("input") //选择所有的name属性不等于’keleyicom’的input元素
$("input") //选择所有的name属性以’keleyi’开头的input元素
$("input") //选择所有的name属性以’keleyi’结尾的input元素
$("input") //选择所有的name属性包含’keleyi’的input元素
$("input") //可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素
根据name取值：
$("input").val()根据name取值了遍历：
$("input").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》
//得到值（多个的情况）：
$("input.value
$("input").get(1).value-----jquery添加删除样式--------
//给一个标签添加样式:
$("#id").addClass("style");
//删除一个标签的样式:
$("#id").removeClass("style");
//注:"#id" id是对应标签的id,style是对应css样式的名称
//获取单选标签选中获得的值
$("input:checked").val();

jquery怎么用name获取对象

jQuery通过name获取对象的方法是：

使用jQuery获取name="nw"的input对象：$(’input’);

使用$(’input’).html()方法来获取其值。

和JavaScript获取对象值一样，input、select、textarea等表单类对象用val()方法来获取其值；div、span等对象用html()获取其值，如：$(’input’).val();

设置对象的值，如：$(’input’).val(’123’);

注意：

1.通过name获取对象值，获取的是第1个对象的值。name是可以重复的。

2.通过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").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").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选择器

由于name通常只适用于表单元素中，所以并没有专门的name选择器。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。

jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口。

具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery如何根据多选框name来获得选中的值

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox:checked").each(function() { // 遍历name=test的多选框
  $(this).val();  // 每一个被选中项的值
});

实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目

示例代码如下

1. 创建Html元素

   《div class="box"》
   《span》请输入用户名，限定字母、数字或下划线的组合：《/span》《br》
   《div class="content"》
   《span》水果：《/span》《br》
   《input type="checkbox" name="fruit" value="梨子"/》梨子
   《input type="checkbox" name="fruit" value="李子"/》李子
   《input type="checkbox" name="fruit" value="栗子"/》栗子
   《input type="checkbox" name="fruit" value="荔枝"/》荔枝《br》
   《span》蔬菜：《/span》《br》
   《input type="checkbox" name="vegetable" value="青菜"/》青菜
   《input type="checkbox" name="vegetable" value="萝卜"/》萝卜
   《input type="checkbox" name="vegetable" value="土豆"/》土豆
   《input type="checkbox" name="vegetable" value="茄子"/》茄子
   《/div》
   《input type="button" value="提交"》
   《/div》

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   input{margin:5px;}
   input{height:30px;margin:10px;padding:5px 10px;}

3. 编写jquery代码

   $(function(){
   // 设置属性值
   $("input:button").click(function() {
   var fruit = "";
   var vegetable = "";
   $("input:checkbox:checked").each(function() {
   fruit += $(this).val() + " ";
   });
   $("input:checkbox:checked").each(function() {
   vegetable += $(this).val() + " ";
   });
   alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);
   });
   })

4. 观察效果