使用jquery

Question

我想根据数据属性提取文本的值。

HTML：

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

我的Jquery

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

Answer 1

删除data-id中的双重qutation：

$('.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" />

Answer 2

这可能会对你有所帮助：

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

Answer 3

希望这是你想要的。

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

Answer 4

试试这个，

HTML CODE

<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。您必须在文档准备就绪中编写查询功能。

Answer 5

你可以尝试

$(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);
});