Question

我有两个单选按钮，单击其中一个我将允许下面的输入并单击另一个我允许第二个输入。

这是我的HTML：

 <fieldset data-role="controlgroup">
                <input onclick="ChangeChoise(1);" type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
                <input  id="Input1"/>
                <input onclick="ChangeChoise(2);" type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
                <input disabled="disabled"  id="Input2"/>
</fieldset>

首先没有启用第二个输入，通过点击输入运行以下函数：

var ChoseDiv = 1;
function ChangeChoise(NumChoise) {
    if (ChoseDiv == NumChoise)
        return;
    else
        if (NumChoise == 1) {
            $('#MyInput2').attr('disabled', 'disabled');
            $('#MyInput1').attr('disabled', '');
        }
        else {
            $('#MyInput1').attr('disabled', 'disabled');
            $('#MyInput2').attr('disabled', '');
        }
    ChoseDiv = NumChoise;
}

无效

我也是这样尝试的：$('#MyInput2').removeAttr('disabled');它没有用......

我错过了什么？

Answer 1

jQuery Mobile具有启用/禁用功能：

$('#Input1').textinput('disable');
$('#Input2').textinput('enable');

以下是一个有效的例子：http://jsfiddle.net/Gajotres/5N3vL/

这是一份官方文件：http://jquerymobile.com/demos/1.2.0/docs/forms/search/methods.html

通过JS代码禁用元素 - 无法正常工作

1 个答案: