How can i read the Make all the Columns Editable on the Click of CheckBox

[AshishMishra16]

Hi Friends,

What is the way to iterate the Table and Make all the input types editable on the click of a checkbox.
Here is what My Requirement is :

        <table id="adSearchTable" cellspacing="3">
            <thead>
 
                <tr class="tableheader" style="height: 15px;">
 
                        <td class="tableheader" align="center">Name</td>
 
                        <td class="tableheader" align="center">Edit</td>                    
 
                        <td class="tableheader" align="center">Location</td>
 
                        <td class="tableheader" align="center">Salary</td>
 
                        <td class="tableheader" align="center">History</td>
 
                </tr>
 
            </thead>
            <tbody>
                <tr id="tr128009114">
                    <td>Ashish</td>
                        <td> <input name="tagLevelOptimizationBean[0].optimize" value="on" type="checkbox"> </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Location" value="Hisar" disabled="disabled" type="text">
                        </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Salary" value="12344" disabled="disabled" type="text">
 
                         </td>                       
                         <td>
                            <input name="tagLevelOptimizationBean[0].History" value="Software" disabled="disabled" type="text">
                         </td>
            </tr>
        <tr id="tr128009115
">
                    <td>Amit</td>
                        <td> <input name="tagLevelOptimizationBean[0].optimize" value="on" type="checkbox"> </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Location" value="Pune" disabled="disabled" type="text">
                        </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Salary" value="352345" disabled="disabled" type="text">
 
                         </td>                       
                         <td>
                            <input name="tagLevelOptimizationBean[0].History" value="IT" disabled="disabled" type="text">
                         </td>
            </tr>
 
            </tbody>
         </table>    

In this table, there may be any no of rows can exist. But i need to make the row editable to all columns (except First Column - > Name) when a checkbox of that row is clicked.

Can somebody tell me how to do this? Thanks for your replies in advance.

[AshishMishra16]

Can Anybody help me out with this ?

Hi Friends,

What is the way to iterate the Table and Make all the input types editable on the click of a checkbox.
Here is what My Requirement is :

        <table id="adSearchTable" cellspacing="3">
            <thead>
 
                <tr class="tableheader" style="height: 15px;">
 
                        <td class="tableheader" align="center">Name</td>
 
                        <td class="tableheader" align="center">Edit</td>                    
 
                        <td class="tableheader" align="center">Location</td>
 
                        <td class="tableheader" align="center">Salary</td>
 
                        <td class="tableheader" align="center">History</td>
 
                </tr>
 
            </thead>
            <tbody>
                <tr id="tr128009114">
                    <td>Ashish</td>
                        <td> <input name="tagLevelOptimizationBean[0].optimize" value="on" type="checkbox"> </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Location" value="Hisar" disabled="disabled" type="text">
                        </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Salary" value="12344" disabled="disabled" type="text">
 
                         </td>                       
                         <td>
                            <input name="tagLevelOptimizationBean[0].History" value="Software" disabled="disabled" type="text">
                         </td>
            </tr>
        <tr id="tr128009115
">
                    <td>Amit</td>
                        <td> <input name="tagLevelOptimizationBean[0].optimize" value="on" type="checkbox"> </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Location" value="Pune" disabled="disabled" type="text">
                        </td>
                        <td>
                            <input name="tagLevelOptimizationBean[0].Salary" value="352345" disabled="disabled" type="text">
 
                         </td>                       
                         <td>
                            <input name="tagLevelOptimizationBean[0].History" value="IT" disabled="disabled" type="text">
                         </td>
            </tr>
 
            </tbody>
         </table>    

In this table, there may be any no of rows can exist. But i need to make the row editable to all columns (except First Column - > Name) when a checkbox of that row is clicked.

Can somebody tell me how to do this? Thanks for your replies in advance.

[vee10]

Hi,

This may solve ur problem

function check_click(id)
    {
    var ids=document.getElementById(id).getElementsByTagName("input"); 
    var tableRow = document.getElementById(id).getElementsByTagName("input").length;           
    for(i=1;i<parseInt(tableRow);i++)
    {
    if(document.getElementById(id).getElementsByTagName("input").item(i).disabled==0)    
    document.getElementById(id).getElementsByTagName("input").item(i).disabled=1; 
    else
    document.getElementById(id).getElementsByTagName("input").item(i).disabled=0; 
    }
    }

[acoder]

As a full member now, you should know that we expect your code to be posted in [code] tags (See How to Ask a Question).

This makes it easier for everyone to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

Please use the tags in future.

Thanks!