toggle checkbox

prototype, checkbox, toggle

by Seungrae Lee

HTML

<table class="mainTbl" cellspacing="0">
  <tr>
    <th>
      <input type="checkbox" name="check" id="checker" value="1" onclick="toggleCheck()" />
    </th>
    <th>item</th>
    <th width="100"></th>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="select1" value="1" />
    </td>
    <td>item_0001</td>
    <td></td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="select2" value="1" />
    </td>
    <td>item_0002</td>
    <td></td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="select3" value="1" />
    </td>
    <td>item_0001</td>
    <td></td>
  </tr>
</table>

CSS

.mainTbl td, th {
  border: 1px solid #ccc;
}

.mainTbl {
  padding: 5px;
  margin: 0;
}

JavaScript

function toggleCheck() {
	$$("input[name^='select']").each(function(obj, index) {
			$(obj).checked = $("checker").checked;
		});
}