如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

偏执的太偏执、 2022-10-06 04:43 391阅读 0赞

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value

先准备一段 HTML

一、jquery获取input文本框中的值

通过 name：

$('input\[name="username"\]').val()

通过 id：

$('\#user').val()

通过 class：

$('.uusr').val()

二、javascript获取input输入框中的值

通过 name

document.getElementsByName("username")\[0\].value

通过 id

document.getElementById("user").value

通过 class

document.getElementsByClassName("uusr")\[0\].value

ps：下面看下jQuery获取各种input输入框的值

1.获取一组radio单选框的值(name属性为一组的radio的name属性)

$("input\[name=element\_name\]:checked").val

2.获取select下拉框的值

$('\#element').val()

![af54d4649ac9c770635c48832788807c.png][]

内容扩展：

JS中的 oninput 事件在 IE9 以下版本不支持，需要使用 IE 特有的 onpropertychange 事件替代，这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发，有以下几种情况：

修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发生变化。

修改了 input:text 或者 textarea 元素的值，value 属性发生变化。

修改了 select 元素的选中项，selectedIndex 属性发生变化。

if(isIE)

\{

document.getElementById("input").onpropertychange = keys();

\}

else //需要用addEventListener来注册事件

\{

document.getElementById("input").addEventListener("input", keys, false);

\}

以上就是js与jquery获取input输入框中的值实例讲解的详细内容，更多关于js与jquery获取input输入框中的值的资料请关注脚本之家其它相关文章！

[af54d4649ac9c770635c48832788807c.png]: /images/20221005/eb586584807943a882ca6aa422d198ae.png

发表评论取消回复

表情：

评论列表（有 0 条评论，391人围观）

还没有评论，来说两句吧...

相关阅读

相关如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML 一、jquery获取

偏执的太偏执、/ 2022年10月06日 04:43/ 0 赞/ 392 阅读

相关 js获取input = radio 单选框选择中的值

调用： var amount = getRadioButtonChecked("radio"); console.log("amount=="+am

r囧r小猫/ 2022年06月10日 10:46/ 0 赞/ 335 阅读

相关如何用jquery获取input输入框中的值？

如何用jquery获取<input id="test" name="test" type="text"/>中输入的值？ $(" test ").val()

我会带着你远行/ 2022年06月09日 07:16/ 0 赞/ 243 阅读

相关 jQuery获取文本框的值，input和select，option的选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年06月02日 11:53/ 0 赞/ 319 阅读

相关 Js（Jquery）实时监听input输入框值的变化

效果图 ![在这里插入图片描述][70] Js写法 <!DOCTYPE html> <html lang="en"> <head>

向右看齐/ 2022年05月09日 06:24/ 0 赞/ 2935 阅读

相关 jquery获取tr中获取td的值，获取td中的input的值

获取tr中的td是根据当前td的下标获取的，获取td中input的值是根据input的当前下标获取的；如图所示：红圈中td的当前下标是5，但是input的当前

刺骨的言语ヽ痛彻心扉/ 2022年03月22日 06:17/ 0 赞/ 919 阅读

相关 js根据ID获取输入框的值

HTML <input id="ti" type="text" placeholder="请输入内容"><button onclick="show()">点击获取输入

亦凉/ 2022年01月23日 12:43/ 0 赞/ 393 阅读

相关 Js/jQuery实时监听input输入框值变化

前言在做web开发时候很多时候都需要即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点（onb

淡淡的烟草味﹌/ 2021年09月14日 14:32/ 0 赞/ 429 阅读

相关原生js获取input输入框的值

<input type="text" name="" id="name" value="" placeholder="请输入姓名" /> var name =

比眉伴天荒/ 2021年07月24日 13:11/ 0 赞/ 787 阅读

相关如何获取 JS 中的 input 的 value 值？

JS 如何获取 input 的 value 值？首先使用“querySelector()”获取到元素对象，只需要向该方法传入input的选择规则；

红太狼/ 2020年06月06日 17:21/ 0 赞/ 1208 阅读