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：下面看下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 属性发生变化。
评论0