<head>
<meta charset="UTF-8">
<title>1操作value</title>
</head>
<body>
<div class="no1">
用户名:<input type="text" value="admin" name="username"><br>
密码:<input type="text" value="123456" name="password">
</div>
<hr>
<div class="btn">
<input type="button" value="获取用户名">
<input type="button" value="获取密码">
<input type="button" value="修改用户名">
<input type="button" value="修改密码">
</div>
<hr>
<div id="show1"></div>
<!--<div id="show2"></div>-->
</body>
<script src="js/jquery-1.8.3.js"></script>
<script>
/*获取用户名*/
$(".btn :button:eq(0)").on("click",function () {
$("#show1").html("用户名是:"+$(".no1 :text:eq(0)").val());
})
/*修改用户名*/
$(".btn :button:eq(2)").on("click",function () {
$(".no1 :text:eq(0)").val("new admin");
})
</script>
原创文章,作者:254126420,如若转载,请注明出处:https://blog.ytso.com/244688.html