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

[navid3d_69]

سلام من یک فرم دارم می خوام وقتی یک checkbox تیک خورد یک div با id=hide نمایش پیدا کنه مقدار css id=hide رو display رو روی none قرار دادم. اگر کمک کنید ممنون میشه

[hakan648]

سلام


<input type="checkbox" onclick="CheckMe('myCheckBox','myDiv');" id="myCheckBox" />

<div id="myDiv" style="display:none;">Some Content</div>

<script type="text/javascript">
function CheckMe(chkId, divId) {
var myChk = document.getElementById(chkId);
if (myChk.checked == true) {
document.getElementById(divId).style.display = 'block';
}
else {
document.getElementById(divId).style.display = 'none';
}
}
</script>

[narsic]

سلام


<input type="checkbox" onclick="CheckMe('myCheckBox','myDiv');" id="myCheckBox" />

<div id="myDiv" style="display:none;">Some Content</div>

<script type="text/javascript">
function CheckMe(chkId, divId) {
var myChk = document.getElementById(chkId);
if (myChk.checked == true) {
document.getElementById(divId).style.display = 'block';
}
else {
document.getElementById(divId).style.display = 'none';
}
}
</script>
البته میتونید به جای استفاده از ID چک باکس از کلمه کلیدی this استفاده کنید با این کار خود المنت پاس داده میشه و نیازی به دسترسی مجدد نیست.
کد
<input type="checkbox" onclick="CheckMe(this, 'myDiv');" id="myCheckBox" />

<div id="myDiv" style="display:none;">Some Content</div>

<script type="text/javascript">
function CheckMe(elmentCHK, divId) {
if (elmentCHK.checked == true) {
document.getElementById(divId).style.display = 'block';
}
else {
document.getElementById(divId).style.display = 'none';
}
}
</script>
نوروزتون مبارک
موفق باشید.