快捷導(dǎo)航

兼容ie和firefox版本的js反選全選多選框

更新時間：2007年10月19日 22:30:28 作者：

朋友們說不兼容。昨天晚上回去調(diào)試了一個兼容版本：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gbk"> 
<script language="javascript"> 
function selectIt(action){ 
    var testform=document.getElementById("bdkey"); 
    for(var i=0 ;i<testform.elements.length;i++){ 
        if(testform.elements[i].type=="checkbox"){ 
            e=testform.elements[i]; 
            e.checked=(action=="selectAll")?1:(!e.checked); 
        } 
    }     
} 
</script> 
</head> 
<body> 
<form name="bdkey" id="bdkey"> 
<p class="STYLE1"> 
全 選 
<input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt('selectAll')"><br> 
反 選 
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()"><br> 
Item1 
<input type="checkbox" name="checkbox" value="checkbox"> 
<br> 
Item2 
<input type="checkbox" name="checkbox" value="checkbox"><br> 
Item3 
<input type="checkbox" name="checkbox" value="checkbox"><br> 
Item4 
<input type="checkbox" name="checkbox" value="checkbox"><br> 
Item5 
<input type="checkbox" name="checkbox" value="checkbox"> 
</p> 
</form> 
</body>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

這次兼容測試我剛開始是采用一個經(jīng)典的js多選框全選反選實(shí)現(xiàn)及分析的實(shí)現(xiàn)方式，也就是通過ev.srcElement 但是沒調(diào)試成功。于是有了現(xiàn)在的方法。兼容性的調(diào)試有一部分是依賴于你的實(shí)現(xiàn)的方式的，像我這種方式很傻瓜哈哈但是最簡單往往是最有效的。當(dāng)然，作為技術(shù)的追求這來說，我們大家都喜歡用很多高深的方法。這里我是不會

您可能感興趣的文章: