|
|
復制代碼 代碼如下:
<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多選框 全選 反選 實現(xiàn)及分析 的實現(xiàn)方式，也就是通過ev.srcElement 但是沒調(diào)試成功。于是有了現(xiàn)在的方法。兼容性的調(diào)試有一部分是依賴于你的實現(xiàn)的方式的，像我這種方式很傻瓜 哈哈但是最簡單往往是最有效的。當然，作為技術的追求這來說，我們大家都喜歡用很多高深的方法。這里我是不會
JavaScript技術：兼容ie和firefox版本的js反選 全選 多選框，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
