Question

我想用jquery

动态更改按钮的值

我可以用这个

动态设置一个常量字符串

 $(".showdeal").html('New Users');

但是当我在变量中存储一个值并将按钮值设置为变量值时，它不起作用。我试过这些

var x=data.dealCount;
$(".showdeal").html(x);
$(".showdeal").html('x');

这两个不起作用。如何将按钮的值设置为变量值？

Answer 1

如果您的“showdeal”类应用于按钮，那么为什么不使用按钮上的val（）来设置其值。

我会把它写成

var x=data.dealCount;
$(".showdeal").val(x);

试试这是否有效？

据我所知，html（）返回/设置标签之间的内容......

sry for pre code ..

试试这个..

data = jQuery.parseJSON(data);
var x=data.dealCount;
$(".showdeal").html(x);

Answer 2

实际上你的代码运作良好。但是如果您在解析JSON时可能会犯错，请尝试使用.parseJSON()

<强> HTML：

<button class="showdeal"></button> <!-- As you mentioned in comments -->

JS：

var data =  {dealCount: '4'}
var x = data.dealCount;
$('.showdeal').html(x);

选中此JSFiddle

Answer 3

 <!DOCTYPE html>
<html>
 <head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head> 
 <body>
  <input type='button' value='' id='button'/>
  <script>
var x='clickme';//you can assign any dynamic value here
  $('#button').val(x)
 </script>
 </body>
 </html>

Answer 4

你有parse数据吗？

var data = JSON.parse(result);
$(".showdeal").html(data.dealCount);

尝试 this

Answer 5

使用“val”代替“html”

 $(".showdeal").val(x);

这应该有用。

Answer 6

<input type='button' value='Submit' id='btn1'>
$("#btn1").attr('value', 'JSON VAL');  //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btn1").prop('value', 'JSON VAL'); //versions newer than 1.6

$("#btn1").html('JSON VAL'); // for different buttons

我已经设置了一个小提琴jsFiddle，与版本一起播放，看看你正在使用的版本有什么用。

使用jquery将变量值设置为按钮值

6 个答案: