disabling radio/checkbox
אוקיי אני מצרף את הקוד שלי, מה\ שאני רוצה שיעשה זה שאם מסמנים "in a plate" אז כל התוספות שקשורות ל in bread יהיו disabled
ולהפך, אם לוחצים על in bread אז כל התוספות שקשורות לin a plate יהיו disabled אני לא מצליח, ניסיתי כמו פה.. עם ליסטנרים וזה.. גם ניסיתי עם Onclick="plateChecked()" גם לא הצלחתי שיעבוד... אפשר בבקשה עזרה שזה יעבוד לי....
**עריכה: לא יודע למה זה יצא כזה מגעיל הקטטע קוד, אצלי פה זה נראה יפה
קוד HTML:<html> <head><title>heiiiiiiiiiaaaa</title> <script language="javascript"> function addLoadListener(fn) { if (typeof window.addEventListener != 'undefined') { window.addEventListener('load', fn, false); } else if (typeof document.addEventListener != 'undefined') { document.addEventListener('load', fn, false); } else if (typeof window.attachEvent != 'undefined') { window.attachEvent('onload', fn); } } function attachEventListener(target, eventType, functionRef, capture) { if (typeof target.addEventListener != "undefined") { target.addEventListener(eventType, functionRef, capture); } else if (typeof target.attachEvent != "undefined") { target.attachEvent("on" + eventType, functionRef); } return true; } function detachEventListener(target, eventType, functionRef, capture) { if (typeof target.removeEventListener != "undefined") { target.removeEventListener(eventType, functionRef, capture); } else if (typeof target.detachEvent != "undefined") { target.detachEvent("on" + eventType, functionRef); } } addLoadListener(init); function init() { var plate = document.getElementById("inPlate"); var bread = document.getElementById("inBread"); var extra=document.getElementsByName("extra"); var meat=document.getElementsByName("kindOfMeat"); attachEventListener(plate, "click" ,plateChecked, false); attachEventListener(bread, "click" ,breadChecked, false); return true; } function breadChecked(event) { for (var i=0; i<meat.length; i++) { meat[i].disabled=false; } for (var i=0; i<extra.length; i++) { extra[i].disabled=true; } return true; } function plateChecked(event) { for (var i=0; i<meat.length; i++) { meat[i].disabled=true; } for (var i=0; i<extra.length; i++) { extra[i].disabled=false; } return true; } </script> </head> <body> <input type="radio" name="hotMeal" id="inPlate"><font class="Label">in a plate</font></br></br> <input type="checkbox" name="extra">fries </br> <input type="checkbox" name="extra">rice </br> <input type="checkbox" name="extra">potato</br> <input type="checkbox" name="extra">apple</br></br></br></br> <input type="radio" name="hotMeal" id="inBread"><font class="Label">in bread</font></br></br> <input type="radio" name="kindOfMeat">hamburger</br> <input type="radio" name="kindOfMeat">chicken breast</br> <input type="radio" name="kindOfMeat">steak</br> <input type="radio" name="kindOfMeat">steakssss</br> </body> </html>
ציטוט ההודעה
