0

http://jsfiddle.net/tearex/jFS2x/4/

<fieldset data-role="controlgroup" data-type="horizontal"  >
    <input name="btn1" id="a1" type="radio"  />
    <label for="a1">1 populate USA</label>

    <input name="btn1" id="a2" type="radio" />
    <label for="a2" class="bigga">2 populate Germany</label>

    <select data-role="slider" id="how" >
        <option value="naturally" accesskey=""    >naturally</option>
        <option value="forcibly"  > forcibly</option>
    </select>           
</fieldset>

如何使停用的按钮立即变灰？

我试过这个：

document.getElementById("a1").disabled = true;
$("[id='how']").slider("disable")

但与滑块不同的是，在我单击另一个按钮之前，该按钮不会变为灰色。

4

2 回答 2

0

jsFiddle 演示

您可以禁用它，但 jquery mobile CSS 没有显示它。单选按钮实际上被包裹在一个带有 class ui-radio& 的 div 中，以直观地看到它已被禁用，需要添加一个新类ui-disabled。

$('#a1').prop('disabled',true);
$('#a1').parent('.ui-radio').addClass('ui-disabled');

注意：请不要混合使用 javascript 和 jquery（当然有一些例外。）你不应该document.getElementById("a1").disabled = true;在你可以写的地方写$('#a1').prop('disabled',true);

于 2013-11-01T21:09:46.287 回答
0

只需使用

$("#a1").checkboxradio('disable');

而不是手动禁用输入。

另请参阅http://jquerymobile.com/demos/1.2.0/docs/forms/radiobuttons/methods.html

于 2013-11-01T21:23:21.440 回答