無法獲取jQuery以獲取輸入框的2個值

Question

我正在jsfiddle.com上開發一個小腳本

我可以使它與jsfiddle中的一個元素一起工作： http : //jsfiddle.net/8hXGq/3/

這是jQuery代碼：

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

但是當我嘗試像這樣的jsfiddle獲取2個輸入值時，它不起作用

訪問http://jsfiddle.net/8hXGq/2/

這是jQuery代碼

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

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

我該如何解決這個問題？

Answer 1

':Password'是input[type="password]簡寫，因此可以使用。您的問題是$(':Login')這里您正在尋找不存在的元素input[type="Login]

采用

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

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

DEMO

Answer 2

嘗試這個：

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

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

DEMO

Answer 3

請嘗試以下方法：

如果根據name屬性獲取值，則使用它：

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

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

如果根據id獲取值，則使用它：

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

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

Answer 4

更改您的jquery看起來像這樣

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

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

Answer 5

:Password對於密碼類型，而不是名稱，是偽的。 要使用名稱訪問，請使用[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);
    });
})

這是演示

Answer 6

：password是jQuery的密碼選擇器，這就是為什么它不能與其他偽類一起使用的原因。 https://api.jquery.com/password-selector/

我建議不要這樣做。 相反，最好通過ID進行訪問。

這正在工作： http : //jsfiddle.net/Vy23k/1/

<input type="text" size="20" maxlength="15" name="login" id="login" />
<input type="password" size="32" maxlength="64" name="password" autocomplete="off" id="password" />
<input type="submit" name="action" class="button" value="Preview">

jQuery(function(){
    $("input[name=action]").click(function(){
        login = $("#login").val();
        //pw = $(':Password').val();  //pseudo selector
        pw = $("#password").val();   //better way

        alert(login + " - " + pw); 

    });
})