如何顯示所選按鈕的值？

Question

以下代碼創建了一個Buttons，當單擊其中一個按鈕時，它會使用CSS更改顏色，創建的每個按鈕都有其自己的值。 所以我想顯示一個選定按鈕的值，如果單擊我的HTML頁面，該如何管理呢？

function createButtons(tbID, tbClass, tbType, tbValue, onClick) {
    return '\n<input '
            + (tbID ? ' id=\'' + tbID + '\'' : '')
            + (tbClass ? ' class=\'' + tbClass + '\'' : '')
            + (tbType ? ' type=\'' + tbType + '\'' : '')
            + (tbValue ? ' value=\'' + tbValue + '\'' : '')
            + (onClick ? ' onclick=\'toggle(this);' + onClick + '\'' : '')
            + '>';
}

function toggle(ths) {
  $(ths).toggleClass("btnColor");
   $("#tb").toggleClass("btnColorR");  
}

function DisplayButtons(cableData) {
  var newContent = '';
  $.each(cableData,
    function (i, item) {
      newContent += createButtons("tb" + item.CommonCable, null, "submit",       item.CommonCable,toggle);
  });
  $("#Categories").html(newContent);
}

Answer 1

$(ths).val()或$(ths).attr('val')會為您帶來價值。

演示版