在 JqueryMobile 中禁用字段集

Question

如何在 Jquery Mobile 中禁用字段集，即不应触发输入上的点击事件，并且将子级的 UI 更新为禁用状态

HTML

<fieldset data-role="controlgroup" id="options">
    <input type="radio" name="radio-choice-1" id="optiona" value="a"  checked="checked">
    <label for="optiona" id="labela">Ondo</label>
    <input type="radio" name="radio-choice-1" id="optionb" value="b">
    <label for="optionb">Lagos</label>
    <input type="radio" name="radio-choice-1" id="optionc" value="c">
    <label for="optionc">Abuja</label>
    <input type="radio" name="radio-choice-1" id="optiond" value="d">
    <label for="optiond">Kogi</label>
    <input type="radio" name="radio-choice-1" id="optione" value="e">
    <label for="optione">Niger</label>

我已经尝试了以下

$("#options").children().attr("disabled", "disabled");
$("#options").children().prop("disabled", true);

但这不会禁用字段集中的所有子项。

Answer 1

看看这里：http://jsfiddle.net/nMR85/1525/

代码

$("#options input[type='radio']").checkboxradio('disable');

文档

http://jquerymobile.com/demos/1.2.0/docs/forms/radiobuttons/methods.html