Как я могу отобразить значение выбранной кнопки?

Question

Следующий код создает кнопки, с CSS, когда одна из кнопок нажата, она меняет цвет, каждая созданная кнопка имеет свое значение. Итак, я хочу отобразить VALUE выбранной кнопки, если щелкнуть на моей странице 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') получите вам значение.

Demo