首页 >> js开发 >> JavaScriptjs与jquery获取input输入框中的值实例讲解
JavaScriptjs与jquery获取input输入框中的值实例讲解
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value先准备一段 HTML
一、jquery获取input文本框中的值一、jquery获取input文本框中的值通过 name:
$('input[name="username"]').val()
$('input[name="username"]').val()通过 id:
$('#user').val()
$('#user').val()通过 class:
$('.uusr').val()
$('.uusr').val()二、javascript获取input输入框中的值二、javascript获取input输入框中的值通过 name
document.getElementsByName("username")[0].value
document.getElementsByName("username")[0].value通过 id
document.getElementById("user").value
document.getElementById("user").value通过 class
document.getElementsByClassName("uusr")[0].value
document.getElementsByClassName("uusr")[0].valueps:下面看下jQuery获取各种input输入框的值1.获取一组radio单选框的值(name属性为一组的radio的name属性)
$("input[name=element_name]:checked").val
$("input[name=element_name]:checked").val2.获取select下拉框的值
$('#element').val()
$('#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);
}
if(isIE)
{
document.getElementById("input").onpropertychange = keys();
}
else //需要用addEventListener来注册事件
{
document.getElementById("input").addEventListener("input", keys, false);
}以上就是js与jquery获取input输入框中的值实例讲解的详细内容,关于js与jquery获取input输入框中的值的资料请关注其它相关文章!
一、jquery获取input文本框中的值一、jquery获取input文本框中的值通过 name:
$('input[name="username"]').val()
$('input[name="username"]').val()通过 id:
$('#user').val()
$('#user').val()通过 class:
$('.uusr').val()
$('.uusr').val()二、javascript获取input输入框中的值二、javascript获取input输入框中的值通过 name
document.getElementsByName("username")[0].value
document.getElementsByName("username")[0].value通过 id
document.getElementById("user").value
document.getElementById("user").value通过 class
document.getElementsByClassName("uusr")[0].value
document.getElementsByClassName("uusr")[0].valueps:下面看下jQuery获取各种input输入框的值1.获取一组radio单选框的值(name属性为一组的radio的name属性)
$("input[name=element_name]:checked").val
$("input[name=element_name]:checked").val2.获取select下拉框的值
$('#element').val()
$('#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);
}
if(isIE)
{
document.getElementById("input").onpropertychange = keys();
}
else //需要用addEventListener来注册事件
{
document.getElementById("input").addEventListener("input", keys, false);
}以上就是js与jquery获取input输入框中的值实例讲解的详细内容,关于js与jquery获取input输入框中的值的资料请关注其它相关文章!
相关文章:
- jsuniapp,微信小程序中使用 MQTT的问题js大全
- js微信小程序实现列表滚动头部吸顶的示例代码js大全
- js微信小程序整个页面的自动适应布局的实现js大全
- js如何在Vue中使localStorage具有响应式(思想实验)js大全
- JavaScriptThreejs实现滴滴官网首页地球动画功能
- jsJs on及addEventListener原理用法区别解析js大全
- js代码详解JavaScript匿名函数和闭包
- js详解element-ui 表单校验 Rules 配置 常用黑科技js大全
- jskoa2 数据api中间件设计模型的实现方法js大全
- JavaScript基于原生js实现判断元素是否有指定class名