js与jquery获取input输入框中的值实例讲解

2023-07-31 12:56:03 67

如何用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()

内容扩展：

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输入框中的值的资料请关注毛票票其它相关文章！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

js与jquery获取input输入框中的值实例讲解

热门推荐

随机推荐