如何动态更改按钮文本

时间:2012-09-14 13:00:18

标签: html5 jquery-mobile

我正在尝试使用选择下拉菜单解决Android设备上的webview问题,在弹出窗口中使用单选按钮来进行用户选择

我需要的是按钮文本根据用户的选择而改变。我已经把我认为会起作用的小提琴放在一边,但它不是在打球,我想知道是否有更聪明的人可以提供一些建议。

在这里小提琴; http://jsfiddle.net/vinomarky/gEXhD/

注意:当javascripts开火时,我当前在那里添加了一些警报,但它们没有触发,我不知道为什么不发射。

问题1: 如何更改按钮文本以匹配用户选择

问题2: 如何在用户进行选择后立即使无线电选择最小化,而无需单击无线电

提前致谢

1 个答案:

答案 0 :(得分:1)

  • 您可以使用jquery click事件,而不是使用onclick属性
  • 因为您使用jquery mobile ui,要更改按钮文本,您应该更改按钮文本容器值而不是pressure_cands本身
  • 并在所选项目调用click事件popupBasic-screen div

    时隐藏弹出屏幕
    $('#updown1').click(function(){
        // to change button label
        $('#pressure_cands .ui-btn-text').html('THP');
        // call popupBasic-screen click event to hide popup menu
        $('#popupBasic-screen').click();
    });
    $('#updown2').click(function(){
        // to change button label
        $('#pressure_cands .ui-btn-text').html('FBHP');
        // call popupBasic-screen click event to hide popup menu
        $('#popupBasic-screen').click();
    });​