jQuery更改Button值无效

时间:2016-07-21 09:57:05

标签: jquery html

我正在尝试动态更改按钮值,但仍然没有成功读取这么多答案,但对我来说没有运气

JS

 $("#d").attr("value","dayaw");

HTML

 <button id="d"></button>

这里是fiddle

5 个答案:

答案 0 :(得分:2)

不确定 attr 功能,但您可以使用文字来达到您的要求。

静态值

$("#d").text("<your-text>")

您也可以使用下面的动态值

var lable = "new lable";    
$("#d").text(label)

此处已更新fiddle

答案 1 :(得分:1)

如果它是你想要的值 - 使用val(),如果是text -use text();你可以将它们连在一起:

$("#d").val("dayaw");

&#13;
&#13;
$('#d').val('dayaw').text('dayaw').click(function(){alert('my value is ' + $('#d').val())})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <button id="d"></button>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

如果您想更改按钮的文字,请使用.text()功能

&#13;
&#13;
$("#d").text("dayaw");
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<button id="d"></button>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

试试这段代码..    $(&#34;#d&#34)的文本。(&#39;按钮&#39);

答案 4 :(得分:0)

  

当您按钮标记时,您已将按钮名称视为html,因此您必须使用名称推送html

$( document ).ready(function() {
  $("#d").html('dayaw');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="d"></button>