[jQuery] Hiding table rows based on value
Hi
I have a checkbox that when clicked I want to hide all of the entire
rows in my table where those fields with a class of internalField
equals True. The hiding part works well but when I uncheck the
checkbox the rows do not become visible again. So I guess my question
is how do I toggle the value of this checkbox (chkInternal) to hide/
show these table rows? Thanks
<input name="chkInternal" id="chkInternal" type="checkbox" />
<script language="javascript">
$(document).ready(function() {
$('#chkInternal').click(
function() {
$('.internalField').each(function() {
if ($(this).text() == "True")
$(this).parent().css('visibility', 'hidden');
else
$(this).parent().css('visibility', 'visible');
});
});
});
</script>