如果未默认选中，则jQuery Mobile无线电禁用

Question

我在提交时将表单的结果返回给用户。此表单包括单选按钮的字段集。 POST后的结果视图返回其选择，并具有默认的选中状态。如何禁用未选中的所有单选按钮？

提供代码示例：

<input id="1-4" name="section[1]" value="3" type="radio" checked="checked"/>
<input id="1-5" name="section[1]" value="4" type="radio" />

因此，我需要jQuery（移动）来禁用所有无线电盒，这很容易，但是要识别已检查状态并启用该特定的状态，以便从DOM中放置或在此情况下从DOM中删除正确的标记

所有这些代码都是在系统中动态生成的。为了尽可能地重用代码，最好是操纵DOM而不是编写代码以进一步将表单与视图分开。

提前致谢。

Answer 1

我建议：

$('input:radio').prop('disabled', function(){ return !this.checked; });

JS Fiddle demo

或者：

$('input:radio').prop('disabled', function(){ return !this.defaultChecked; });

JS Fiddle demo

参考文献：

• HTMLInputElement。
• prop()。