兼容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多選框 全選 反選 實現(xiàn)及分析 的實現(xiàn)方式，也就是通過ev.srcElement 但是沒調(diào)試成功。于是有了現(xiàn)在的方法。兼容性的調(diào)試有一部分是依賴于你的實現(xiàn)的方式的，像我這種方式很傻瓜 哈哈但是最簡單往往是最有效的。當(dāng)然，作為技術(shù)的追求這來說，我們大家都喜歡用很多高深的方法。這里我是不會
復(fù)制代碼 代碼如下:
<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)的方式的，像我這種方式很傻瓜 哈哈但是最簡單往往是最有效的。當(dāng)然，作為技術(shù)的追求這來說，我們大家都喜歡用很多高深的方法。這里我是不會
相關(guān)文章
動態(tài)添加列表框項，不錯的效果，需要用的朋友可以參考下。2009-07-07
本文介紹了一款基于jQuery+CSS3實現(xiàn)的帶有動畫效果的動態(tài)背景登陸框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-07-07
看起來現(xiàn)在經(jīng)常用到這樣的效果來提高用戶體驗，所以就沒事寫了一個輸入框提示列表的效果 使用寬屏的朋友麻煩幫忙測試下，列表的位置有沒有錯位。2008-08-08
javascript options屬性集合操作代碼，一般情況需要控制option的朋友朋友需要了解的知識。2009-12-12
關(guān)于腳本操作文本域的問題...2007-04-04
js模擬權(quán)限選擇實現(xiàn)代碼(select操作)
權(quán)限選擇頁面，選擇、撤回、全部選擇、全部撤回2012-02-02
在ie6中對于<input type="file" />通過obj.value是可以獲取客戶端選擇文件的全路徑的，但是到ie7就只能獲取文件名，這對于onchange事件立即顯示圖片會有問題，可以用js方法解決2009-12-12
JavaScript關(guān)于select的相關(guān)操作說明
JavaScript關(guān)于select的相關(guān)操作參考代碼。2010-01-01
這篇文章主要為大家介紹了用java編程來寫一款JavaScript表格插件，非常的使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2021-10-10
select選擇事件問題...2007-02-02