نمایش اطلاعات بانک اطلاعاتی با استفاده از چک باکس [بایگانی]

p30online

دوشنبه 04 آذر 1392, 18:11 عصر

دوستان من می خوام وقتی روی چک باکس کلیک کردم اطلاعات نمایش داده شود و در صورت برداشتن علامت چک باکس نمایش داده نشود ؟

این فرممه

<form method="post" action="">
<input type="checkbox" name="haval" onclick="search_haval()" />raitel<br />
<input type="checkbox" name="irancell" onclick="search_irancell()" />irancell</br>
</form>

این هم جی کوئری من برای نمایش اطلاعات دو بانک

نمایش بانک اول در صورت علامت خوردن

function search_haval(id){

document.getElementById("search_haval").style.display='block';
document.getElementById("search_irancell").style.display='none';

نمایش بانک دوم در صورت تیک خوردن

function search_irancell(id){

document.getElementById("search_irancell").style.display='block';
document.getElementById("search_haval").style.display='none';

من می خوام طوری باشد که اگر دو تا بانکم انتخاب بودند ،اطلاعات دوتا نمایش داده بشود و اگر دوتا بود بعد خواستم یکی باشد یکی را نمایش بدهد!

برنامه من روی هر کدوم که کلیک کنم اطلاعات همان را نمایش می دهد چه از قبل تیک هورده باشد چه نباشد !

p30online

سه شنبه 05 آذر 1392, 16:22 عصر

ممنون مشکلم حل شد !این هم فایلش شاید بدرد دوستان خورد!

<!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=utf-8" />
<title>Untitled Document</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
</head>

<body>

<input type="checkbox" class="check1" value="div1" />
<input type="checkbox" class="check1" value="div2" />
<div id="div1" style="display:none; width:100px; height:100px; background-color:red;"></div>

<div id="div2" style="display:none; width:100px; height:100px; background-color:blue;">
<?php
include('config/connect.php');
$sql = "SELECT *
FROM `table_name`";
$result = mysql_query ($sql, $conn);

while($rows=mysql_fetch_assoc($result))
{
echo "<div style=margin: auto; >";

echo "<ul>";
echo "<li>";
echo "<div class=haval_image>";
echo "</div>";

echo $rows['fildname']."<br>";
echo $rows['fildname']."<br>";
echo $rows['fildname']."<br>";
echo $rows['fildname']."<br>";
echo $rows['fildname']."<br>";
echo "</li>";
echo "</ul>";
//echo "<br>";
echo "</div>";
}
?>

</div>

<script>
$('.check1').click( function(){
if( $(this).prop('checked') == true )
$('#' + $(this).val() ).show(300);
else
$('#' + $(this).val() ).hide(300);
});
</script>
</body>
</html>