PDA

View Full Version : سوال: checkbox و نمایش یک div


iranme
دوشنبه 29 فروردین 1390, 11:50 صبح
سلام،
من یک checkbox دارم که حالت اولش به صورت تیک خورده است و میخوام وقتی که روش کلیک شد و تیک برداشته شد یک div که قبلا hidden شده بوده نمایش داده بشه و اگر دوباره تیک خورده شد اون div دوباره hide بشه.
من هر چی گشتم و کار کردم نتونستم کد مربوط به checkbox رو پیدا کنم و یا باهاش کار کنم!
ممنون میشم اگر کسی میدونه همراه با مثال به من بگه که چیکار کنم.
با تشکر
hossin.esm
دوشنبه 29 فروردین 1390, 13:48 عصر
<!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 language="javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<form name="f1">
<input name="ch1" class="checkbox" type="checkbox" value="div1" checked />div1<br />
<input name="ch2" class="checkbox" type="checkbox" value="div2" checked />div2<br />
<input name="ch3" class="checkbox" type="checkbox" value="div3" checked />div3<br />
</form>
<div id="div1"> div1</div>
<div id="div2"> div2</div>
<div id="div3"> div3</div>
<script type="text/javascript">
$(document).ready(function() {
$('.checkbox').change(function() {
if(!$(this).attr('checked'))
{
$('#'+$(this).val()).hide();
}
else
{
$('#'+$(this).val()).show('fast');
}


});
});
</script>
</body>
</html>
NR_Nazifi
شنبه 10 اردیبهشت 1390, 13:18 عصر
سلام
اینم میشه


$('.checkbox').click(function() {
if(!this.checked)
{
$('#'+$(this).val()).hide();
}
else
{
$('#'+$(this).val()).show('fast');
}
});