我想用jquery动态改变按钮的值
我可以用这个动态设置一个常量字符串
$(".showdeal").html('New Users');
但是,当我将值存储在变量中并将按钮值设置为变量值时,它不起作用。我试过这些
var x=data.dealCount;
$(".showdeal").html(x);
$(".showdeal").html('x');
这两个不起作用。如何将按钮的值设置为变量值?
我想用jquery动态改变按钮的值
我可以用这个动态设置一个常量字符串
$(".showdeal").html('New Users');
但是,当我将值存储在变量中并将按钮值设置为变量值时,它不起作用。我试过这些
var x=data.dealCount;
$(".showdeal").html(x);
$(".showdeal").html('x');
这两个不起作用。如何将按钮的值设置为变量值?
<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,与版本一起玩,看看你正在使用的版本有什么用。
<!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>
使用“val”而不是“html”
$(".showdeal").val(x);
这应该有效。
如果您的“showdeal”类应用于按钮,那么为什么不使用按钮上的 val() 来设置其值。
我会把它写成
var x=data.dealCount;
$(".showdeal").val(x);
试试这是否有效?
据我所知, html() 返回/设置标签之间的内容,所以......
sry 预代码..
尝试这个 ..
data = jQuery.parseJSON(data);
var x=data.dealCount;
$(".showdeal").html(x);
实际上,您的代码运行良好。但是如果您在解析 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