how to hide unchecked row in table

how can we hide unchecked row in table

i hv a table with about 30 rows which have a checkbox and a bit of text each. What i am attempting to get a approach to do is to have 2 buttons at the bottom of the page - HIDE & SHOW. When the HIDE button is clicked i wana to hide all of the table rows which have UNCHECKED textboxes. When the SHOW button is clicked i wish to restore the visibility of all of the rows. i wana to do this in JavaScript (which is what i am getting problem with) - i have been capable to get bits of it to work at number of times but i am executing out of time and I actually i wana help. Any idea somebody has would be more than appreciated!

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<title>View records in MySQL</title> 
 
</head> 
 
<body> 
 
<?php 

//connect to the database 

$connect = mysql_connect("localhost","root",""); 

mysql_select_db("login",$connect); //select the table

$query = mysql_query( "SELECT * FROM employee ")or die(mysql_error());

$show=$_POST['show'];
 
$timezone = "Asia/Calcutta";

if(function_exists('date_default_timezone_set')) date_default_timezone_set($timezone);
 
    echo"<center><h2>";

          echo "Cover id generate at :".date('d-m-Y g:i a');
 
          echo "</h2></center>";

          // generate cover id using random number

    $rand= rand();

    echo"<center><h2>";

          echo "Cover Id :".$rand;

          echo "</h2></center>";
 
echo'

<form action="'.$_SERVER['PHP_SELF'].'" method="post">

<table width="100%" cellpadding="4" border="1">

<tr>

<td> id  </td>

<td> reg_no  </td>

<td> reg_time  </td>

<td>name   </td>

<td> email_id  </td>

<td> valid_from  </td>

<td> valid_to  </td>

<td> pan_no  </td>

<td>  policy </td>

<td> org_name  </td>

<td> reseller_id  </td>

<td> reseller_name </td>

<td>mark</td>

</tr>';
 
while($row = mysql_fetch_assoc($query))

{

    echo'

<tr>

<td>'.$row['id'].'</td>

<td>'.$row['reg_no'].'</td>

<td>' .$row['reg_time'].'</td>

<td>'.$row['name'].'</td>

<td>'.$row['email_id'].'</td>

<td>'.$row['valid_from'].'</td>

<td>' .$row['valid_to'] .'</td>

<td>'.$row['pan_no'].'</td>

<td>' .$row['policy'].'</td>

<td> '.$row['org_name'].'</td>

<td>'.$row['reseller_id'].'</td>

<td>' .$row['reseller_name'].'</td>

<td><input type="checkbox" name="id[]" value="'.$row['id'].'"></td>
 
</tr>';    

}

mysql_free_result($query);

echo '

</table>

<br>

<div align="center">
 
<input type="submit" name="show"  value="show"  >

<input type="reset" name="cancel"  value="Cancel mark">

</div>

</form>';
 
?> 
 
</body> 

</html>

May 2 '13 #1

Subscribe Post Reply

3739

Rabbit

12,516

Expert Mod 8TB

I don't see any javascript. It would help to see your javascript along with any error messages you're getting. It would also help to see the HTML source from the client side. We don't need the PHP stuff getting in the way.

May 2 '13 #2

Sherin

64KB

Try This Code

Expand|Select|Wrap|Line Numbers

 $("button").click(function(){

    $("table tr").has(".check-box:not(:checked)").hide();

});

table, tr, td {

    border: 1px solid black;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>

    <tr>

        <th>Name</th>

        <th>InUse</th>

    </tr>

    <tr>

        <td>foo 1</td>

        <td>

            <input class="check-box" type="checkbox" checked disabled  />

        </td>

    </tr>

    <tr>

        <td>foo 2</td>                  

        <td>

            <input class="check-box" type="checkbox" disabled  />

        </td>

    </tr>

    <tr>

        <td>foo 3</td>                  

        <td>

            <input class="check-box" type="checkbox" checked disabled  />

        </td>

    </tr>

    <tr>

        <td>foo 4</td>                  

        <td>

            <input class="check-box" type="checkbox" disabled  />

        </td>

    </tr>

</table>

<button>Only checked</button>

Jan 11 '21 #3

Similar topics

Hide A Table

by: Steve Bishop | last post by:

I would like to hide a table based on a fields value that is outside the table. Does anyone have an example of this? Help appreciated. Steve *** Sent via Developersdex...

Javascript

dynamically show/hide a table row in most browsers?

by: Mad Scientist Jr | last post by:

Through messing around I got IE6 (win xp) to show/hide a table row. I gave my <TR> an ID of "trRow" and trRow.style.display='none'; hides it trRow.style.display='block'; displays it (will any...

Javascript

show/hide a table row

by: oLE | last post by:

I would like to add some javascript to show/hide a certain row of a table. The first row of the table contain the hyperlink that calls the javascript the second row is the one i want to show/hide...

Javascript

Hide/Show Table Rows

by: evanburen | last post by:

I'm using this to hide rows in a table created from ASP. This works well but I would like to also be able to 'Show' the records again that there hidden by removeEvents( ). Thanks. function...

Javascript

Hide a table column in IE

by: Ian Collins | last post by:

I'm having a spot of bother hiding table columns in IE. With FF, setting the column cell's style.display to none (or changing the cell's class name to style that has display: none) completely...

Javascript

Please help - Hide a table while show a table

by: michael941 | last post by:

Hi, I have 2 tables in an html page. I have div them separately and id them as id1 and id2. I have a link there. What I need is click the link to hide one table and show the other and verse when...

Javascript

Hide a table through Code

by: mswhiteside | last post by:

Hello Everybody, Im Trying to hide my tables so that they can't be imported/linked from another database. i've searched, and searched, and i have a question that i haven't found already asked...

Visual Basic 4 / 5 / 6

Hide a table

by: mswhiteside | last post by:

Hello Everybody, Im Trying to hide my tables so that they can't be imported/linked from another database. i've searched, and searched, and i have a question that i haven't found already asked...

Microsoft Access / VBA

hide unchecked checkboxes on a report

by: WyvsEyeView | last post by:

I have a report on which each record could potentially display three checkboxes...call them chk1, chk2, chk3. To minimize clutter on the page, I only want to display the labels of the checkboxes that...

Microsoft Access / VBA

How to hide a table that is made with SQL "CREATE TABLE"?

by: jbt007 | last post by:

All, Access 2003 - WinXP I thought this would be a no brainer, but it seems to be a perplexing problem. I have a simple table I use for importing several text reports, use VBA to run through...

Microsoft Access / VBA

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General