jq获取不到input标签的value值

最新推荐文章于 2024-07-05 10:52:21 发布

niceguy_smile

最新推荐文章于 2024-07-05 10:52:21 发布

阅读量4.6k

点赞数

分类专栏： javaweb jquery 文章标签： jquery javascript

本文链接：https://blog.csdn.net/smile_foreach/article/details/103388319

版权

javaweb 同时被 2 个专栏收录

7 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

博客内容提及在使用jQuery时遇到input标签的value值获取不到的问题，原因是点击button仅执行onclick属性内的函数，导致外部定义的变量和函数未运行，从而获取到的是空字符串或undefined。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<button class="btn btn-lg btn-primary btn-block" onclick="return checkPassword()" type="submit">注册</button>

            
            //把这两个变量放进方法里面
            var password = $('#inputPassword').val();
            var repeatPassword = $('#repeatInputPassword').val();
            function checkPassword() {
                alert(password);
                alert(repeatPassword);
            debugger;
                if (password !== repeatPassword) {
                debugger;
                    // window.location.reload();
                    alert("输入密码不一致");
                    return false;
                }
            }

改过后如下:

function checkPassword() {
                var password = $('#inputPassword').val();
                var repeatPassword = $('#repeatInputPassword').val();
                alert(password);
                alert(repeatPassword);
            debugger;
                if (password !== repeatPassword) {
                debugger;
                    // window.location.reload();
                    alert("输入密码不一致");
                    return false;
                }
            }

总结原因:button在被点击时，只会调用onclick属性中配置的函数，而外部的变量和其它函数不会被执行，所以属性为空字符串或者undefined