title: If/Then statements with checkboxes (html)
body: <p>I'm trying to create a Javascript if/then statement that goes along the lines of: if all of the checkboxes are checked then show this image, else show this other image. I'm completly stuck and not sure what to do... </p>
  
  <pre><code>&lt;head&gt;
  &lt;center&gt;
  &lt;FONT FACE="LYDIAN,COMIC SANS MS,ARIAL" COLOR="#BDF6F4" SIZE="6"&gt;&lt;MARQUEE     LOOP="N"|"INFINITE" BGCOLOR="#E0BDF6" WIDTH="68%" HEIGHT="60" ALIGN="MIDDLE"     HSPACE="4%" VSPACE="25"&gt;My To-Do List: Just Do It!&lt;/MARQUEE&gt;&lt;/FONT&gt;
  &lt;p&gt;
  &lt;span style="color:#937AF0"&gt;
  Put 'To-Do' tasks in order according to priority, to add a new task simply click the add button. When task on list is completed, check done!
  &lt;/p&gt;
  &lt;/center&gt;
  &lt;style&gt;
  table, th, td
  {
  border: 1px solid black;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;body style="background:#E6E6FA"&gt;
  &lt;center&gt;
  &lt;table id="specialtable"&gt;
  &lt;table style="background:#BDF6F4"&gt;
  
  &lt;tr&gt;
  &lt;th&gt; Done&lt;/th&gt;
  &lt;th&gt;Priority&lt;/th&gt;
  &lt;th&gt;Task&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;input type="checkbox"&lt;/td&gt;  
  &lt;td&gt;1&lt;br&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="text"&gt;&lt;/td&gt;
  &lt;td&gt;&lt;button onclick="addRow(this);"&gt;Add&lt;/button&gt;&lt;br&gt;&lt;/td&gt;    
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/center&gt;
  
  
  &lt;script type = "text/javascript"&gt;  
   function addRow(e)
  {
  var current = e.parentNode.parentNode; // &lt;tr&gt;...&lt;/tr&gt;
   var tnew = current.cloneNode(true);
   var rowCount = current.parentNode.getElementsByTagName("tr").length;
   tnew.getElementsByTagName("td")[1].textContent = rowCount;
    current.parentNode.appendChild(tnew);
   }  
  
  
  &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
  </code></pre>
  
  <p>
  </p>