0

ボタンの値をjqueryで動的に変更したい

これで定数文字列を動的に設定できます

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

しかし、変数に値を格納し、ボタンの値を変数の値に設定すると、機能しません。私はこれらを試しました

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

これらの 2 つは機能しません。ボタンの値を変数値に設定するにはどうすればよいですか?

4

6 に答える 6

0

「html」の代わりに「val」を使用する

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

そして、これはうまくいくはずです。

于 2013-07-25T05:49:26.720 に答える
0 
<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をしてください、バージョンと一緒に遊んで、使用しているバージョンで何が機能するかを確認してください。

于 2013-07-25T06:25:47.487 に答える
0

「showdeal」クラスがボタンに適用されている場合、その値を設定するためにボタンの val() を使用しないでください。

私はそれを次のように書きます

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

これが機能するかどうか試してください。

私が知っているように、html()はタグ間のコンテンツを返す/設定するので...

プリコードはごめんなさい..

これを試して ..

data = jQuery.parseJSON(data);
var x=data.dealCount;
$(".showdeal").html(x);
于 2013-07-25T05:27:55.597 に答える
0

実際、あなたのコードはうまく機能します。ただし、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を確認してください

于 2013-07-25T05:29:23.370 に答える
0 
 <!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>
于 2013-07-25T05:35:32.257 に答える