2012-09-14 115 views
0

我试图解决使用下拉菜单选择降Android设备,而是使用单选按钮网页视图问题,在弹出来让用户选择一个按钮上的文字如何动态地更改

我需要的不过是按钮文本根据用户所做的选择而改变。我已经成为了我认为可以工作的小提琴手,但它不是在打球,我想知道是否有更聪明的主管可以提供一些建议。

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

注意:我目前在JavaScript中添加了一些警报,但是它们并没有发射,但我不确定为什么。

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

问题2: 如何使无线电选择尽快减少的用户已经做出选择,而不必点击关闭无线电

在此先感谢

回答

1
  • 你可以使用jQuery click事件,而不是使用onclick属性
  • 因为你使用jQuery Mobile的用户界面,改变按钮上的文字,你应该改变按钮的文本框值不pressure_cands本身
  • ,并在选定的呼叫click事件popupBasic-screen

    $('#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(); 
    });​ 
    
+0

的项目隐藏弹出屏幕天才 - 谢谢大家 – vinomarky

+0

所以我将脚本粘贴到html内联中,并且背景中的动作似乎正在发生,正如单击它时框的正确行为消失,但按钮文本未更新一样。任何建议排除故障?小提琴工作得很好.... – vinomarky

+0

新的小提琴在这里 - http://jsfiddle.net/vinomarky/GNwLx/ – vinomarky