Menggunakan gambar sebagai label, atribut for tidak berfungsi dalam pengeluaran halaman IE _HTML/Xhtml_Web

Contohnya:

Salin kod

Kod adalah seperti berikut:

Kesannya yang kami harap dapat ialah : Klik "Bank of China", kotak semak akan dipilih (atau dibatalkan). Tiada masalah dalam FireFox, CHROME dan pelayar lain, tetapi pelayar IE tidak menyukai ini.

Penyelesaiannya ialah dengan menggunakan JS:

Salin kod

Kod adalah seperti berikut:

window.onload = function(){
if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows") >-1 )
{
var a = document.getElementsByTagName("label"); if(a[ i].mempunyaiChildNodes && a[i].childNodes.item(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a [i]. htmlUntuk;
a[i].childNodes.item(0).onclick = function(){
var e = document.getElementById(this.forid(e.type.); ){
huruf "radio": e.checked|=1;break;
case "checkbox": e.checked=!e.checked;break; : kes "textarea": ​​e.focus();
}
}
}
}
}