jqueryを使用してデータ属性に基づいて入力テキスト値を取得する

Question

データ属性に基づいてテキストの値を抽出します。

HTML：

<input type="text" class="form-control" id="CardName" data-id="CardName"> 

私のjQuery

var cardN = $('input[data-id="CardName"]').val(); 

Answer 1

が、これはあなたを助けるかもしれませ：

var cardN = getVal("CardName"); 
function getVal(name){ 
    return $('input[data-id="' + name + '"]').val(); 
} 

Answer 2

希望はこれが何をしたいです。

$(function(){ 
    var cardN = $("input[data-integrapay='CardName']").val(); 
    alert(cardN); 
    }); 

Answer 3

HTMLコード

<input type="text" class="form-control" id="CardName" value="Hello" data-pay="CardName"> 

、これを試してみてはJQuery

$(document).ready(function(){ 
var cardN = $('input[data-id="CardName"]').val(); 
alert(cardN); 
}); 

alertmsg.Youがでなければならないとして、テキストボックスに値が表示されますd内に書かれたクエリ関数商品の準備ができました。

Answer 4

あなたはデータ-IDにダブルqutationを削除

$(document).ready(function(){ 
    var cardN = $('input[data-id="CardName"]').attr('value'); 
    alert(cardN); 
}); 

または

$(document).ready(function(){ 
    var cardN = $('input[data-id="CardName"]').val(); 
    alert(cardN); 
}); 

Answer 5

を試すことができます。

$('.btn').click(function(){ 
 
    var cardN = $('input[data-id=CardName]').val(); 
 
    alert(cardN) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="form-control" id="CardName" data-id="CardName" > 
 
<input class="btn" type="button" value="click" />