当已知文本框的id属性时,<input type="text" id="userName">
方法一:var userName = $("#userName")attr("value");
方法二:var userName=$("userName")value();
<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是
<input type="text" id="one" value="5" />
$("#one")val();
作用是快速获取文档元素,jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
提供漂亮的页面动态效果,jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
用jq获取一个div内部所有input[type='text']的值,代码如下:
<div id="divid">
<div><input type="hidden" value="456"></div>
</div>
<script type="text/javascript">
$("#divid input[type=hidden]")each(function () {
consolelog(thisvalue);
})
</script>
扩展资料
var allChildDiv=$('#addDiv')find("div")//找到addDiv下面的所有div
for(var a=0;a<allChildDivlength;a++){
allChildDiveq(a)find('input[name="username"]')//用户名
allChildDiveq(a)find('input[name="pwd"]')//密码
};
参考资料:
百度百科 input (函数)
这个问题包含两个方面:
1、jquery选择器(即针对你指定的那个input元素)
2、获取内容(即获得输入的值),所以综合起来有如下代码可以实现
具体 *** 作如下:
1、创建一个文本框和一个触发获取文本框输入内容的按钮
2、简单设置一下css样式
3、添加jquery代码
扩展资料
js获取文本框值
1通过getElementById() 方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值为:Object),要获得文本框的值需添加属性值--value,如:
<input type="text" size="10" id="port11" name="port11" />
获值代码:documentgetElementById("port11")value;
2、要获得标签<h1>中间的值,方法如下:
<h1 id="you">12345</h1>
documentgetElementById("you")innerHTML;
返回值为:12345
3、如果是表单(<form>)中的文本框,还可以通过以下方式获得值:
<form name="form1" method="post" action="managerdoaction=login">
<tr><td >会员编号:</td>
<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>
<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"
</tr>
</form>
js中的代码:function check(form){var str = formmemberNovalue;}
百度百科-jQuery
jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid")text(); // 首选,获取label的文本$("label#userid")html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
创建Html元素
<div class="box"><span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){$("input:buttonbtn1")click(function() {
alert($("label#userid")text());
});
$("input:buttonbtn2")click(function() {
alert($("label#userid")html());
});
})
观察效果
使用text()方法获取标签内的内容
使用html()方法会获取到标签内的元素(包含Html标记)
按照要求,在点击每一行的修改按钮,需要获取对应行的第一列input的value值,对应的js代码参考下方:
function change(){var text = $(this)parents('tr')children('td:eq(0)')children('input')val();
consolelog(text);
}
还有更加简便的方法:在forEach循环生成tr和td元素时,按照如下规则生成td元素:
<c:forEach items="${projectHot26005s}" var="zslb"><tr id="sj1">
<td><input type="text" id="txt${zslbprojectId}" value="" maxlength="2"></td>
<td>${zslbprojectName }</td>
<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslbprojectId }')">删除</button></td>
<td><button class="btn btn-red r3 margin" onclick="change('${zslbprojectId}')">修改</button></td>
</tr>
</c:forEach>
这样在change方法中就能通过唯一的id来定位到指定的input,既而获取到value值:
function change(id){var text = $("#txt" + id)val();
consolelog(text);
}
以上就是关于怎样用jquery得到文本框的值全部的内容,包括:怎样用jquery得到文本框的值、如何用jq获取一个div内部所有input[type='text']的值、如何用jquery获取<input id="test" name="test" type="text"/>中输入的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)