在jquery mobile中刷新单选按钮的问题

时间:2012-01-11 00:34:40

标签: jquery jquery-ui jquery-mobile cordova

我的问题是我无法刷新单选按钮。我有三个单选按钮,当我第一次点击任何按钮时,它工作正常。但是,当我点击另一个按钮然后它会触发事件,但不会直观地更新按钮(前一个仍然在视觉上检查)。这是我的代码

  <fieldset data-role="controlgroup">
          <legend>Increment:</legend>
          <input type="radio" name="radiob" id="radio1" value="1" class="radio_button"/>
          <label for="radio1">1</label>
          <input type="radio" name="radiob" id="radio2" value="2" class="radio_button" />
          <label for="radio2">2</label>
          <input type="radio" name="radiob" id="radio3" value="3" class="radio_button" />
          <label for="radio3">3</label>
  </fieldset>

这是jquery代码

$(".radio_button").change(checkIncrement);

function checkIncrement(){
           $('input:[name=radiob]:radio:checked').checkbox("refresh");
            rd=$('input:[name=radiob]:radio:checked').val();
            inc="i"+rd;
            var ch=1;
            var sl=parseInt(rd)+parseInt(ch);
            $("#slider").attr("min", sl).slider("refresh");   
        }

2 个答案:

答案 0 :(得分:4)

您在checkIncrement()的第一行中使用的方法名称是错误的。它应该是checkboxradio

$('input:[name=radiob]:radio:checked').checkboxradio("refresh")

此处的演示 - http://jsfiddle.net/kvhFc/

答案 1 :(得分:0)

在Jquery移动单选按钮中,如下所示:

$(".iscfieldset input[type='radio']").checkboxradio().checkboxradio("refresh"); 

试试这个对我来说很好