1

私はjqueryが初めてで、次のことを行う関数の作成に問題があります。

それぞれ3行4列のテーブルがあります。各列内に、ホバー効果用の個別の css を持つボタンがあります。各ボタンの考え方は、ボタンが押されたときにテキストボックスに値を表示することです。

私は次のことを行うためにさまざまな方法を試しましたが、うまくいきませんでした。

  1. 押されたボタンの css を変更し (色を赤に変更するとします)、他のすべてのボタンを元の色に戻します (黄色とします)。
  2. ボタンの値をテキスト ボックスに追加します。

それはaspxページなので、ボタンのターゲットifを呼び出して値を取得しようとしました. 例えば：

JS:

//Div Specific Function
$("#step1").click(function (e) {
    var thisID = e.target.ty;
    $('#input').data('btnType', 'Amount').each(function () {
        $(this).toggleClass('button');
    })

    $(thisID).toggleClass('button-hover');

});

html

<table cellpadding="10" cellspacing="0" width="90%">
 <tr>
  <td>
   <input type="button" data-btnType="Amount" id="btn50" runat="server" value=" $50" Text="$50"  class="button" />
  </td>
  <td>
   <input type="button" data-btnType="Amount" id="btn100" runat="server" value="$100" Text="$100" class="button"  />
  </td>
  <td>
   <input type="button" data-btnType="Amount" id="btn150" runat="server" Text="$150" value="$150" class="button"  />
  </td>
  <td>
   <input type="button" data-btnType="Amount" id="btn200" runat="server" Text="$200" value="$200" class="button"  />
  </td>
 </tr>
</table>

これらのボタンをラジオ効果のように機能させるにはどうすればよいですか。この div には全部で 10 個のボタンがあることに注意してください。

よろしく。

4

2 に答える 2

1 
$(".button").click(function () {
    $(".red").removeClass("red").addClass("yellow"); // remove the prev pressed button class
    $(this).removeClass("yellow").addClass("red");      // add the red css class to  pressed button
    $(".button").not(".red").addClass("yellow"); // add to all other buttons yellow class
    $("#textBox").val($(this).val());    // get val of pressed button val
});
于 2013-04-03T07:35:47.997 に答える