jquery获取input标签的value

发布网友 发布时间：2022-04-20 03:42

我来回答

共4个回答

热心网友 时间：2022-04-21 09:49

1、新建一个html文件，命名为test.html。

2、在test.html文件内，分别在p标签内，使用input标签创建文本输入框，用于内容的输入。

3、在test.html文件内，给每个input元素设置class属性，统一设置为myput，主要用于下面一次性获得所有的input对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获取多个value值”，给button按钮绑定onclick点击事件，当按钮被点击时，执行getinput（）函数

5、在js标签中，创建getinput()函数，在函数内，定义一个空的arr数组，用于保存多个value值。同时，通过类名获得input对象，使用each()方法遍历所有的input对象，每次遍历，执行function()方法。

6、在function()方法内，使用val()方法获得input的value值，并使用push()方法将value值存进arr数组中，最后，使用alert()方法将数组输出来。

热心网友 时间：2022-04-21 11:07

jquery获取input文本框中的值的方法如下：

1、通过 name

var name = $('input[name="CN_NAME"]').val();

2、通过 id

var name = $('#CN_NAME').val();

3、通过 class

var name = $('.CN_NAME').val();

扩展资料

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变，取决于 type 属性。

注意: <input> 元素是空的,它只包含标签属性。

提示: 可以使用 <label> 元素来定义 <input> 元素的标注。

在 HTML 中，<input> 标签没有结束标签。

在 XHTML 中，<input> 标签必须被正确地关闭。

热心网友 时间：2022-04-21 12:42

jquery获取input输入框中的值

通过 name

var name = $('input[name="provSelect1"]').val();

通过 id

var name = $('#provSelect1').val();

也可以通过class等等方式或者通过 javascript获取input输入框中的值

                                                        查看全文

热心网友 时间：2022-04-21 14:33

下面这段代码可以的，你运行一下试试吧：

这是JS的：

<input type='hidden' id='provSelect1' name='provSelect1' runat='server' value='111' />
<script>
window.onload = function(){
var psel = document.getElementById("provSelect1");
alert("获取到的value：" + psel.value); //获取
psel.value = "123"; //设置
alert("设置后的value：" + psel.value); //设置后的
};
</script>

 这是Jquery的，JQuery的文件别忘记引用：

<input type='hidden' id='provSelect1' name='provSelect1' runat='server' value='111' />
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
var val = $("#provSelect1").val(); //获取
alert("获取到的value：" + val); 
$("#provSelect1").val("123"); //设置
alert("设置后的value：" + $("#provSelect1").val());
});
</script>