Posted By

nijgnet on 04/01/10

Tagged

Versions (?)

Last Edited at 04/01/10 02:39am

Statistics

Viewed 699 times

Favorited by 0 user(s)

Related snippets

Select "All" functionality with rows and cols of checkboxes

/ Published in: jQuery

The jQuery code also makes use of the [jQuery.checkBox](http://plugins.jquery.com/project/ui-checkbox) plugin.

Highlighted TextExpand

// Select "All" functionality
$('#schedule-table').each(function()
{
    var rows = $('#schedule-table tbody tr');
    var rowsCnt = $(rows).size();

// links functionality
    $('#schedule-table td a').bind('click', function()
    {
	var thisrow = $(this).parents('tr').find('td');

// toggle the rows
	if ($(thisrow).size()-1 == 7)
	{
	    $(thisrow).find('input[type=checkbox]').checkBox('changeCheckStatus', true);
	}
	// toggle the columns
	if (parseInt($(this).parents('tr').attr('title')) == rowsCnt)
	{
	    var thiscol = parseInt($(this).attr('title'));
	    $(rows).find('td[title='+thiscol+'] input[type=checkbox]').checkBox('changeCheckStatus', true);
	}
    });
});

/*** HTML ******************************/

</tr>
      </thead>
      <tbody>
	  <tr>
	    <th scope="row">Morning</th>
	    <td><input type="checkbox" name="" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input3" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input6" value="" class="form-checkbox" /></td>

<td><input type="checkbox" name="input9" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input12" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input15" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input18" value="" class="form-checkbox" checked="checked" /></td>
	    <td><a>All</a></td>
	  </tr>
	  <tr>
	    <th scope="row">Afternoon</th>

</tr>
	  <tr>
	    <th scope="row">Evening</th>
	    <td><input type="checkbox" name="input2" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input5" value="" class="form-checkbox" /></td>
	    <td><input type="checkbox" name="input8" value="" class="form-checkbox" checked="checked" /></td>
	    <td><input type="checkbox" name="input11" value="" class="form-checkbox" checked="checked" /></td>
	    <td><input type="checkbox" name="input14" value="" class="form-checkbox" checked="checked" /></td>

</tr>
	</tbody>
    </table>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.