html怎样设置文本框输入输出jquery设置⽂本框值与获取⽂本框的值<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-1.12.4.js"></script>
</head>
<body>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="button" id="btn1" value="设置"/>
<input type="button" id="btn2" value="获取"/>
<script>
$(function () {
/
/设置⽂本框的值
$("#btn1").click(function () {
$("input[type = 'text']").attr("value","⽂本$");
});
//获取⽂本框的值
$("#btn2").click(function () {
//定义⼀个空数组
var value1 = [];
for(var i =0;i<$("input[type = 'text']").length;i++){
//到每⼀个input 这⾥input是dom对象
var input = $("input[type = 'text']")[i];
/
/⽤$(input)将它转换成jquery对象使⽤attr()⽅法获取值追加到数组中去
value1.push($(input).attr("value"));
}
console.log(value1.join("|"));
});
});
</script>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论