7jquery操作value

2022/4/16 23:13:01

编程Tag： 操作用户名 function button value text val eq 7jquery

本文主要是介绍7jquery操作value，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<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>

这篇关于7jquery操作value的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

7jquery操作value

相关编程文章