在JqueryMobile中禁用Fieldset

时间:2013-06-03 16:02:48

标签: jquery jquery-mobile

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

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

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

1 个答案:

答案 0 :(得分:2)

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

<强>码

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

<强>文档

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