Javascript 无法获取jQuery以获取输入框的2个值

我正在jsfiddle.com上开发一个小脚本

我可以让它与以下JSFIDLE中的一个元素一起工作：

以下是jQuery代码：

jQuery(function() {
  $("input[name=action]").click(function() {
    value = $(':Password').val();
    alert(value); 
  });
})

但是，当我尝试获取2个输入值时，就像在这个JSFIDLE中一样，它不起作用

拜访

这是jQuery代码

jQuery(function(){
$("input[name=action]").click(function(){
    newas = $(':Login').val();

    value = $(':Password').val();
    alert(value); 
    alert(newas);
});
})

如何解决此问题？

尝试以下方法：

jQuery(function(){
$("input[name=action]").click(function(){
    newas = $('input[name=Login]').val();

    value = $('input[name=Password]').val();
    alert(value); 
    alert(newas);
});
});

试试这个：

jQuery(function(){
$("input[name=action]").click(function(){
    newas = $('input[name=Login]').val();

    value = $('input[name=Password]').val();
    alert(value); 
    alert(newas);
});
});

---

'：Password'

是

输入[type=“Password]

的简写，因此有效。您的问题是

$（'：Login'）

这里您正在查找不存在的元素

输入[type=“Login]

使用

---

'：Password'

是

输入的简写[type=“Password]”

因此有效。您的问题是

$（'：Login'）

这里您正在查找不存在的元素

输入[type=“Login]

使用

请尝试以下方法：

如果根据name属性获取值，则使用它：

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $('input[name=Login]').val();
            var value = $('input[name=Password]').val();

            alert(value);
            alert(newas);
        });
    });

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $("input[id$='Login']").val();
            var value = $("input[id$='Password']").val()

            alert(value);
            alert(newas);
        });
    });

如果根据id获取值，则使用它：

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $('input[name=Login]').val();
            var value = $('input[name=Password]').val();

            alert(value);
            alert(newas);
        });
    });

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $("input[id$='Login']").val();
            var value = $("input[id$='Password']").val()

            alert(value);
            alert(newas);
        });
    });

请试试这个：

如果根据name属性获取值，则使用它：

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $('input[name=Login]').val();
            var value = $('input[name=Password]').val();

            alert(value);
            alert(newas);
        });
    });

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $("input[id$='Login']").val();
            var value = $("input[id$='Password']").val()

            alert(value);
            alert(newas);
        });
    });

如果根据id获取值，则使用它：

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $('input[name=Login]').val();
            var value = $('input[name=Password]').val();

            alert(value);
            alert(newas);
        });
    });

jQuery(function () {
        $("input[name=action]").click(function () {
            var newas = $("input[id$='Login']").val();
            var value = $("input[id$='Password']").val()

            alert(value);
            alert(newas);
        });
    });

---

将jquery更改为如下所示

jQuery(function(){
$("input[name=action]").click(function(){
    newas = $('[name=Login]').val();

    value = $('[name=Password]').val();
    alert(value); 
    alert(newas);
});
});

---

将jquery更改为如下所示

jQuery(function(){
$("input[name=action]").click(function(){
    newas = $('[name=Login]').val();

    value = $('[name=Password]').val();
    alert(value); 
    alert(newas);
});
});

---

：密码

对于类型密码是伪密码，而不是名称。要按名称访问，请使用

[name=Login]

还可以使用var关键字，因为在没有var的情况下，您初始化了两个全局变量，这在ecmascript 5严格模式下是不允许的，有时会导致混淆：

jQuery(function () {
    $("input[name=action]").click(function () {
        var newas = $('input[name=Login]').val();
        var value = $(':Password').val();
        alert(value);
        alert(newas);
    });
})

---

：密码对于类型密码是伪密码，而不是名称。要按名称访问，请使用
[name=Login]

还可以使用var关键字，因为在没有var的情况下，您初始化了两个全局变量，这在ecmascript 5严格模式下是不允许的，有时会导致混淆：

jQuery(function () {
    $("input[name=action]").click(function () {
        var newas = $('input[name=Login]').val();
        var value = $(':Password').val();
        alert(value);
        alert(newas);
    });
})

：密码是jQuery的密码选择器，这就是为什么它不能与其他伪密码一起工作的原因。

我建议不要像你那样做。相反，通过ID进行访问会更好

这是有效的：


jQuery（函数（）{
$（“输入[name=action]”。单击（函数（）{
login=$（“#login”）.val（）；
//pw=$（':Password'）.val（）；//伪选择器
pw=$（“#密码”）.val（）；//更好的方法
警报（登录+“-”+pw）；
});
})
：密码是jQuery的密码选择器，这就是为什么它不能与其他伪密码一起工作的原因。

我建议不要像你那样做。相反，通过ID进行访问会更好

这是有效的：


jQuery（函数（）{
$（“输入[name=action]”。单击（函数（）{
login=$（“#login”）.val（）；
//pw=$（':Password'）.val（）；//伪选择器
pw=$（“#密码”）.val（）；//更好的方法
警报（登录+“-”+pw）；
});
})
最好不要将变量设置为全局变量。将
var
放在声明中变量名的前面。当您在选择器中看到
：
时，它意味着一个伪类，甚至可能意味着一个伪元素（在CSS3中，这些被重新定义为
：
）。我在HTML中看不到与
：Login
匹配的伪类或伪元素。也许你想考虑你真正想要的选择器，不把变量全局化是一个很好的做法。将
var
放在声明中变量名的前面。当您在选择器中看到
：
时，它意味着一个伪类，甚至可能意味着一个伪元素（在CSS3中，这些被重新定义为
：
）。我在HTML中看不到与
：Login
匹配的伪类或伪元素。也许你想考虑你真正想要的选择器是什么，我不知道JQuery中的这个速记，你知道它被记录的网页吗？@保罗。阅读并感谢@TusharGupta的支持links@Satpal欢迎先生：）我不知道jQuery中的这个速记，你知道它记录的网页吗？@PaulS。阅读并感谢@TusharGupta的支持links@Satpal欢迎光临，先生：）