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

2024-05-06 14:18:56

字體：大中小

來源：轉載

供稿：網友

朋友們說不兼容。昨天晚上回去調試了一個兼容版本：
代碼如下:
<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需刷新才能執行]
這次兼容測試我剛開始是采用一個經典的js多選框全選反選實現及分析的實現方式，也就是通過ev.srcElement 但是沒調試成功。于是有了現在的方法。兼容性的調試有一部分是依賴于你的實現的方式的，像我這種方式很傻瓜  哈哈但是最簡單往往是最有效的。當然，作為技術的追求這來說，我們大家都喜歡用很多高深的方法。這里我是不會

上一篇：javascript實現的左右選擇框效果代碼

下一篇：腳本控制自適應高度的縮短問題