如何在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);
但这并不会禁用字段集中的所有子项。
答案 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