Databases
StackOverflow2013
Postsdbo
PODisable the textbox if checkbox is checked in a table grid
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODisable the textbox if checkbox is checked in a table grid
    primarykey
    data
    text
    <p>I have a table grid by using div's. In that table, i have a checkbox and the textbox on each row. I want to disable the textbox if the checkbox is checked. I attached the fiddle here. How to find the next div in javascript to disable. </p> <p><a href="http://jsfiddle.net/Hv3V4/11/" rel="nofollow">Fiddle demo</a></p> <h2>HTML</h2> <pre><code>&lt;div class="containerDiv"&gt; &lt;div class="rowDivHeader"&gt; &lt;div class="cellDivHeader"&gt;Recommendation&lt;/div&gt; &lt;div class="cellDivHeader"&gt;Typical savings&lt;/div&gt; &lt;div class="cellDivHeader"&gt;Improved SAP&lt;/div&gt; &lt;div class="cellDivHeader"&gt;Improved EI&lt;/div&gt; &lt;div class="cellDivHeader"&gt;Indicative cost&lt;/div&gt; &lt;div class="cellDivHeader"&gt;Include&lt;/div&gt; &lt;div class="cellDivHeader lastCell"&gt;Removal Reason&lt;/div&gt; &lt;/div&gt; &lt;div class="rowDiv"&gt; &lt;div class="cellDiv"&gt;Room-in-roof-insulation&lt;/div&gt; &lt;div class="cellDiv"&gt;93.0&lt;/div&gt; &lt;div class="cellDiv"&gt;F : 29&lt;/div&gt; &lt;div class="cellDiv"&gt;B : 89&lt;/div&gt; &lt;div class="cellDiv"&gt;£1,500 - £2,700&lt;/div&gt; &lt;div class="cellDiv"&gt; &lt;input type="checkbox" class="checkbox"/&gt; &lt;/div&gt; &lt;div class="cellDiv lastCell"&gt; &lt;input type="text" class="textbox"/&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="rowDiv"&gt; &lt;div class="cellDiv"&gt;Room-in-roof-insulation&lt;/div&gt; &lt;div class="cellDiv"&gt;93.0&lt;/div&gt; &lt;div class="cellDiv"&gt;F : 29&lt;/div&gt; &lt;div class="cellDiv"&gt;B : 89&lt;/div&gt; &lt;div class="cellDiv"&gt;£1,500 - £2,700&lt;/div&gt; &lt;div class="cellDiv"&gt; &lt;input type="checkbox" class="checkbox"/&gt; &lt;/div&gt; &lt;div class="cellDiv lastCell"&gt; &lt;input type="text" class="textbox"/&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="rowDiv"&gt; &lt;div class="cellDiv"&gt;Room-in-roof-insulation&lt;/div&gt; &lt;div class="cellDiv"&gt;93.0&lt;/div&gt; &lt;div class="cellDiv"&gt;F : 29&lt;/div&gt; &lt;div class="cellDiv"&gt;B : 89&lt;/div&gt; &lt;div class="cellDiv"&gt;£1,500 - £2,700&lt;/div&gt; &lt;div class="cellDiv"&gt; &lt;input type="checkbox" class="checkbox"/&gt; &lt;/div&gt; &lt;div class="cellDiv lastCell"&gt; &lt;input type="text" class="textbox"/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USVinay
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CONot related to your question but why create a table from `<div>`s when you could just use a `<table>`? There is normally no point in re-inventing the wheel...
      singulars
      1. PODisable the textbox if checkbox is checked in a table grid
      1. USboz
    2. CO@boz That is my task to create a table using div.
      singulars
      1. PODisable the textbox if checkbox is checked in a table grid
      1. USVinay
    3. COThen thanks for your comments.. That is my task, i can't change it :)
      singulars
      1. PODisable the textbox if checkbox is checked in a table grid
      1. USVinay
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload