الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مشكله في كود checkbox ارجوا المساعده

بدأه salem22 في 7 مايو 2010 · 3 رد · 670 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته

عندي سؤال اخواني وهو هذا الكود مختص بأن يحول checkbox الى صوره ... عندما يقوم اليوزر بوضع علامة صح تتغير الصوره من علامه خطأ الى الصح

ولكن هناك مشكله بها حيث عندما اقوم بعمل check للبوكس لا تتغير الصوره

ارجوا المساعده في حلها

<body>
<form name="form1" method="post" action="">
<script type="text/javascript">
function changePic(chk,pic){
if (chk.checked){
document.pic.src="images/newimage.png";
}else{
document.pic.src="images/oldimage.png";
}
}</script>
<img src="images/oldimage.png" name="pic1"> 
<input type="checkbox" name="check1" value="checkbox" onClick="changePic(this,pic1);">
<img src="images/oldimage.png" name="pic2"> 
<input type="checkbox" name="check2" value="checkbox" onClick="changePic(this,pic2);">
<img src="images/oldimage.png" name="pic3"> 
<input type="checkbox" name="check3" value="checkbox" onClick="changePic(this,pic3);">
</form>
</body>
#2

السلام عليكم الملف المرفق يحتوي على صور والملف جاهز

اخي الكريم انا غيرت الطريقة يلي انت متبعها

بس بالنهاية نفس النتيجة

<!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>
    <title>Untitled Page</title>
    <script type="text/javascript">
function changePic(pic,id){
if(document.getElementById(id).checked==true)
{
document.images[pic].src="images/newimage.JPG";
}
else
{
document.images[pic].src="images/oldimage.JPG";
}
}
</script>
</head>

<body dir="rtl">
<form name="form1" method="post" action="">

<img src="images/oldimage.JPG" id="pic1"> 
<input type="checkbox" id="check1" value="checkbox" onclick="changePic(0,this.id);">
<img src="images/oldimage.JPG" id="pic2"> 
<input type="checkbox" id="check2" value="checkbox" onclick="changePic(1,this.id);">
<img src="images/oldimage.JPG" id="pic3"> 
<input type="checkbox" id="check3" value="checkbox" onclick="changePic(2,this.id);">
</form>
</body>

test.rar

تم تعديل هذه المشاركة بواسطة AsJsGle في 8 مايو 2010 في 13:37

In bad state

#3

الله يعطيك العافيه وبارك الله فيك على مساعدتك

مثواك الفردوس يارب

#4

أهلا وسهلا والله يوفقك يارب

In bad state

مواضيع مشابهة