1

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

这是我的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');它没有用..

我错过了什么??

4

1 回答 1

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

于 2013-01-24T08:29:55.437 回答