DaniWeb IT Discussion Community - Selecting all input text fields

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)

- JavaScript / DHTML / AJAX (http://www.daniweb.com/forums/forum117.html)

- - Selecting all input text fields (http://www.daniweb.com/forums/thread103561.html)

Selecting all input text fields

Im looking for a piece of code that can be used to select all input text fields and then disable and enable them at will.

I was trying to work off this:

text = document.getElementsByTagName("input");

THEN when required:

text.disable = true;

text.disable = false;

Thanks, Regards X.

Re: Selecting all input text fields

Quote:

Im looking for a piece of code that can be used to select all input text fields and then disable and enable them at will.

Here is a javascript function that will enable or disable all input text fields:

function setInputTextEnabled(isEnabled)

{



    inputArray = document.getElementsByTagName("input");

    

    for (var index = 0; index < inputArray.length; index++)

        if (inputArray[index].type = 'text')

            inputArray[index].disabled = isEnabled;

        

}

You specify true or false for isEnabled depending on whether you want them all to be enabled or disabled. I've also checked that the type of input is 'text' as you said. If you want to affect all input's, remove the line that begins "if (inputArray...").

Quote:

text = document.getElementsByTagName("input");

Note that the variable 'text' holds an array, not a single object, so you have to specify indices as I did in the code above in order to change individual properties, such as:

text = document.getElementsByTagName("input");

text[5].value = 'abcdef';

~ mellamokb

Re: Selecting all input text fields

mellamokb my hero!

ya i came up with similar code but it is not working, at the moment im trying to use a checkbox to implement the enable or disable ALL checkboxes but its not working =( Also any ideas on my other post on trying to stop a submit button from working? (idea was return false but no go still goes to next page) =(

Ill try figure something out, keep you posted.

ps: good heads up on the text array i overlook easy things sometimes =(

Re: Selecting all input text fields

Here is full page source that works. I fixed a bug in the javascript I wrote, where I used a single equals where I should have used double equals for comparison:

<html>

    <head>

        <title>Test</title>

        <script type="text/javascript">

        <!--

    

            function setInputTextEnabled(isEnabled)

            {



                inputArray = document.getElementsByTagName("input");

                

                for (var index = 0; index < inputArray.length; index++)

                    if (inputArray[index].type == 'text')

                        inputArray[index].disabled = isEnabled;

                    

            }        

        

        // -->

        </script>

    </head>

    <body>

        <input id="Text1" type="text" value="123" /><br />

        <input id="Text2" type="text" value="123asffdd" /><br />

        <input id="Text3" type="text" value="12353" /><br />

        <input id="Text4" type="text" value="12weaf3" /><br />

        <input id="Text5" type="text" value="12asgd3" /><br />

        <input id="Text6" type="text" value="12asdf3" /><br />

        <input id="Text7" type="text" value="12awef3" /><br />

        <input id="Text8" type="radio" name="r1" value="12awef3" /><br />

        <input id="Text9" type="radio" name="r1" value="12awef3" /><br />

        <input id="Text10" type="checkbox" value="12awef3" /><br /><br />

        

        Change Text Enabled: <input id="Text11" type="checkbox" onclick="setInputTextEnabled(this.checked);" value="12awef3" />

    </body>

</html>

~ mellamokb

Re: Selecting all input text fields

~ mellamokb
Dont ask me what the problem was.
Ran your code worked perfectly, then ran mine and worked fine. Anyways beautiful work once again, you have helped me so much and gone that extra mile, THankyou =)