在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：
方法一、
Java代码
<html>
<head>
<script language="javascript">
function print(){
var a=myformnamevalue;
alert(a);
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
方法二、
JS代码
<html>
<head>
<script language="javascript">
function print(){
var a=documentgetElementById("nn")value;
alert(a);
}
</script>
</head>
<body>
<form>
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
简介：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
大体思路就是把你要的checkbox的元素遍历一下，然后取当前的value值，要使用jq内置的val()方法，代码如下：
<form onsubmit="return false;">
<input type="checkbox" value="三人行慕课1(3mooccom)" name="check">三人行慕课1</input>
<input type="checkbox" value="三人行慕课2(3mooccom)" name="check">三人行慕课2</input>
<input type="checkbox" value="三人行慕课3(3mooccom)" name="check">三人行慕课3</input>
<input type="checkbox" value="三人行慕课4(3mooccom)" name="check">三人行慕课4</input>
<input type="checkbox" value="三人行慕课5(3mooccom)" name="check">三人行慕课5</input>
<button>选中是谁</button>
</form>
<script src="引入jqueryjs"></script><script type="text/javascript">$(function(){ $("button")click(function(){ $each($('input:checkbox:checked'),function(){ consolelog( $(this)val() ); }); })})</script>
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()方法将数组输出来。
有时候我们需要在一个select中传递两个有关联但不同的值，比如你的这个情况。这时候要利用到option的另一个不常用属性name，用name来存储第二个值，然后在onchange事件中分别用thisoptions[thisselectedindex]name来调用这个值。
全12333
全12321
全123123
在你的程序里，把
之间的内容作为name属性写出来，然后定义一个隐藏的input——optt，再定义好onchange事件，就可以同时获取到value和name两个值了。
在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：
方法一、
Java代码
<html>
<head>
<script language="javascript">
function print(){
var a=myformnamevalue;
alert(a);
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
方法二、
JS代码
<html>
<head>
<script language="javascript">
function print(){
var a=documentgetElementById("nn")value;
alert(a);
}
</script>
</head>
<body>
<form>
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
简介：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
可以给要获取值的目标设置id，class，或者直接使用标签名，楼下的方法
documentgetElementById("id")value
或者documentgetElementByClass("class")value
或者documentgetElementByTabName("TabName")value
其中标签的获取，根据需要可能会用到选择器相关的知识。
以上就是关于如何js获取当前input的value值全部的内容，包括:如何js获取当前input的value值、jQuery如何获取checkbox中的value值、jquery获取input标签的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）