使用一个按钮禁用所有文本框

时间:2014-08-20 03:26:59

标签: javascript jquery button textbox

我是新手,我仍然学会用Jquery做点什么,我希望你能帮助我,请不要评价我,帮助我谢谢你。)。

<input type="text" name="text1" id="txt" disabled> <input type="text" name="text2" id="txt2" disabled> <input type="text" name="text3" id="txt3" disabled> <input type="button" value="Enable" name="button1" id="btn">

我有这样的脚本jquery:

$(document).ready(function () { var count = 0; $('#btn').click(function(){ count = count%3; $('input[type="text"').attr('disabled',true).eq(count++).attr('disabled',false); }) });

我无法在第四次点击全部禁用,第五次点击全部启用,你能帮帮我吗?三江源:)

2 个答案:

答案 0 :(得分:0)

你可以这样做

$('input[type=text]:enabled:first').attr('disabled',true);

每次点击button

时都会运行此功能

:enabledjQuery
:first jQuery

答案 1 :(得分:0)

使用此功能,它将在第五次点击时启用每个输入。

$(document).ready(function () {
            var count = 0;
            $('#btn').click(function(){
                if(count > 3)
                    $('input[type="text"]').attr('disabled',false);
                else
                  $('input[type="text"]').attr('disabled',true).eq(count++).attr('disabled',false);
            })
        });

DEMO