2013-03-06 52 views
0

下面的代码创建一个按钮,当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); 
} 

回答

0

$(ths).val()$(ths).attr('val')会给你价值。

Demo