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

Question

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

  <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");   
        }

Answer 1

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

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

这里有一个演示 - http://jsfiddle.net/kvhFc/