jquery怎么获取表单所有的值_框架

获取值：

文本框，文本区域：$("#txt")attr("value")；

多选框checkbox：$("#checkbox_id")attr("value")；

单选组radio： $("input[@type=radio][@checked]")val();

下拉框select： $('#sel')val();

控制表单元素：

文本框，文本区域：$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox： $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty()；//清空下拉框

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料：编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素，代码实例如下：

<!DOCTYPE html>

<html>

<head>

<style>

body { font-size:16px; font-weight:bolder; }

p { margin:5px 0; }

</style>

</head>

<body>

<div>

<span>Hello</span>

<p class="selected">Hello Again</p>

<div class="selected">And Again</div>

</div>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：

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()方法将数组输出来。

代码如下:

var btn = jQuery('btn')val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。

代码如下:

var btns = new Array(); //或者写成：var btns= [];

jQuery('btn')each(function(key,value){

btns[key] = $(this)val();

//或者也可以这么写：

// btns[key] = $(value)val();

});

JS: documentgetElementById("sid")value;

Jquery: $("#sid")val();

直接就可以获取指定select的选中的值；

如果是多选的话，需要用其他方法。

alert($("#eID")val()+"/"+documentgetElementById("eID")value);

可以用jquery的attr函数获取button里面的name值。

1、新建html文档，在body标签中添加input标签，标签类型为button，为这个标签设置一个id，然后引入jquery文件：

2、获取之前设置id的input标签，代码的格式是$('#id名')，这时之前设置id的input标签就会被选中：

3、为选中的标签添加attr函数，函数的参数为name，这时button里面的name值就被获取到了：

jQuery获取方法

data()方法

//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

//获取属性

var appid = $("#myDiv")data("appid"); //123

var app-id = $("#myDiv")data("app-id"); //456

//属性赋值 $("#myDiv")data("appid","666");

//最终HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

需要注意的是，data()的值进行修改并不会影响到DOM元素上的data-属性的改变。data()的本质其实是将一个 “cache” 附加到了对象上，并使用了一个特殊的属性名称。

所以上述代码中，虽然对div进行了data()赋值 *** 作，但HTML代码中div的data-appid的值仍然为123，因为data()只是修改了缓存的那个值，此时进行$('#myDiv')data("appid")的 *** 作，输出的结果为666

js获取data-的方式

通过dataset属性访问

//HTML代码

//js代码

var div = documentgetElementById("myDiv");

var appId = divdatasetappid;//获取data-appid的值

var myName = divdatasetmyname;//获取data-myname的值

//设置值

divdatasetappid = 456;

divdatasetmyname = "newname";

//最终HTML结果

dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属性都有一个对应的属性，只不过该属性名没有data-前缀。

兼容性：

需要注意的是，dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是datasetmyName的值。可看以下代码

//将上面代码的设置值部分进行修改

divdatasetappId = 789;

divdatasetmyName = "secondname";

//最终结果

在一个php文件中可以定义一个变量，把数据库查询的值赋值给变量，

js中取值<%= php变量名%>

如果另外的页面要引用当前页面数据库取的值可以用jquery的$get,$post,$ajax方法

以上就是关于jquery怎么获取表单所有的值全部的内容，包括:jquery怎么获取表单所有的值、jQuery怎么获取一个DIV下所有元素的值、jquery获取input标签的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

jquery怎么获取表单所有的值

发表评论

评论列表（0条）