jquery 怎么获取文本框输入的值

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

$("input#test")val(); // 推荐这种方式，因为id是唯一的

$("input[name='test']")val(); // 此时需要注意是否有同名的input元素

$("input:text")val(); // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

创建一个文本框和一个触发获取文本框输入内容的按钮

<input id="test" name="test" type="text"/><br>

<input type="button" value="显示文本框输入内容">

简单设置一下css样式

input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

添加jquery代码

$(function(){

$("input:button")click(function() {

alert($("input#test")val());

});

})

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

获取值：

文本框，文本区域：$("#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可以用attr函数来获取class的值。

1、新建html文档，在head标签中引入jquery的js文件或者cdn链接：

2、在body标签中添加一个div标签，设置div的“id”为“test”，设置div的类名“class”为“demo”：

3、添加代码“$('#test')attr('class')”，其中“$('#test')”指的是根据id“test”选择这个div，“attr('class')”指的是使用“attr”函数获取类名“class”的值：

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