This Post below ↓ is only visible to you.
It is sheduled to delete with all the changelog & comment data attached. You can cancel deletion at any time.

JQUERY mark all, mark none, mark read

JQUERY mark all, mark none, mark readEdit

Andrzej Jeziorski · 431 user posts · 26 user answers

<b>JQUERY mark all, mark none, mark read | Jquery select all, select none, select read</b>.<br />
<br />
<h1>» <a href='http://path-of-power.com//download/jquery,mark_all,mark_none,mark_read.html' target='_blank' style='font-size:15px'>DEMO</a> <-------------- SEE LIVE</h1><br />
<br />
Note. Readed messages need to be tagged with <b>class='readed'</b>.<br />
<br />
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<head><br />
<title>JQUERY MARK ALL, MARK NONE, MARK READ</title><br />
<br />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><br />
</head><br />
<body><br />
<br />
<script type='text/javascript'>$(document).ready(function(){<br />
	$('input[type=checkbox]').click(function(){<br />
		$('input[type=button]').attr('disabled', !$('input[type=checkbox]:checked').length);<br />
		});<br />
<br />
	$('#mark_all').click(function(){<br />
		$(':checkbox').attr('checked', true);<br />
		$('input[type=button]').attr('disabled', !$('input[type=checkbox]:checked').length);<br />
		});<br />
<br />
	$('#unmark_all').click(function(){<br />
		$(':checkbox').attr('checked', false);<br />
		$('input[type=button]').attr('disabled', !$('input[type=checkbox]:checked').length);<br />
		});<br />
<br />
	function przeczytany (el) {<br />
	    return $(el).hasClass('readed');<br />
	}<br />
	<br />
	$('#mark_read').click(function(){<br />
		var przeczytane = $(':checkbox').attr('checked', false).filter('.readed');<br />
		przeczytane.attr('checked', true);<br />
		$('#button').attr('disable', przeczytane.length === 0);<br />
		<br />
		$('input[type=button]').attr('disabled', !$('input[type=checkbox]:checked').length);<br />
		});<br />
});</script><br />
<br />
<br />
<br />
<div class='pb1' style='margin-bottom:20px'><div class='l pr1'><b>SELECT:</b> <a href='#' id='mark_all' class='none'>All</a>, <a href='#' class='none' id='mark_read'>Read</a>, <a href='#' id='unmark_all' class='none'>None</a></div><div class='l' style='margin-top:-2px'><input type='button' id='button' value='Mark as Unread' class='button_' disabled/>&nbsp;&nbsp;&nbsp;<input type='button' id='button' value='Report Spam' class='button_' disabled/><input type='button' id='button' value='Delete' class='button_' disabled/></div></div><table class='table2' style='width:770px'><tr><td style='width:12px'><input type='checkbox' value='4' class='readed'/></td><td style='width:100px' onclick="go('http://localhost/my_account/pm/4');" class='pointer'><a href='http://localhost/AndyPSV' class='none'>AndyPSV</a> <span class='c555'>(4)</span></td><td onclick="go('http://localhost/my_account/pm/4');" class='pointer'><a href='http://localhost/my_account/pm/4' class='none'>Fabulous</a><span class='dsc'> - no czesc co tam</span></td><td onclick="go('http://localhost/my_account/pm/4');" class='pointer ar'><span class='etip dotted' title='2011-02-27 22:48:24'>27.02</span>&nbsp;</td></tr><tr><td style='width:12px'><input type='checkbox' value='24'/></td><td style='width:100px' onclick="go('http://localhost/my_account/pm/24');" class='pointer b'><a href='http://localhost/AndyPSV' class='none'>AndyPSV</a></td><td onclick="go('http://localhost/my_account/pm/24');" class='pointer'><a href='http://localhost/my_account/pm/24' class='none b'>testynark</a><span class='dsc'> - xxx</span></td><td onclick="go('http://localhost/my_account/pm/24');" class='pointer ar b'><span class='etip dotted' title='2011-03-28 18:27:00'>18:27</span>&nbsp;</td></tr><tr><td style='width:12px'><input type='checkbox' value='1' class='readed'/></td><td style='width:100px' onclick="go('http://localhost/my_account/pm/1');" class='pointer'><a href='http://localhost/AndyPSV' class='none'>AndyPSV</a> <span class='c555'>(2)</span></td><td onclick="go('http://localhost/my_account/pm/1');" class='pointer'><a href='http://localhost/my_account/pm/1' class='none'>Convenience</a><span class='dsc'> - dd</span></td><td onclick="go('http://localhost/my_account/pm/1');" class='pointer ar'><span class='etip dotted' title='2011-02-27 22:46:04'>27.02</span>&nbsp;</td></tr></table><br/><br/><div class="l dk"></div></div></div>			<div class='f'>&nbsp;</div><br />
</body><br />
</html></code>

Cancel

JQUERY mark all, mark none, mark read | Jquery select all, select none, select read.

» DEMO <-------------- SEE LIVE

Note. Readed messages need to be tagged with class='readed'.







JQUERY MARK ALL, MARK NONE, MARK READ



















SELECT: All, Read, None
   
AndyPSV (4) Fabulous - no czesc co tam 27.02 
AndyPSV testynark - xxx 18:27 
AndyPSV (2) Convenience - dd 27.02