js与jquery获取input输入框中的值实例讲解
网络编程 2021-07-04 15:02www.168986.cn编程入门
在本篇文章里长沙网络推广给大家整理了关于js与jquery获取input输入框中的值实例讲解,需要的朋友们可以学习参考下。
如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value
先准备一段 HTML
<input type="text" name"username" id="user" placeholder="用户名" class="uusr"><br>
一、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狼蚁网站SEO优化看下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输入框中的值的资料请关注狼蚁SEO其它相关文章!
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南