兼容ie和firefox版本的js反選 全選 多選框
更新時(shí)間:2007年10月19日 22:30:28 作者:
朋友們說不兼容。昨天晚上回去調(diào)試了一個(gè)兼容版本:
<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í)行]
這次兼容測試我剛開始是采用一個(gè)經(jīng)典的js多選框 全選 反選 實(shí)現(xiàn)及分析 的實(shí)現(xiàn)方式,也就是通過ev.srcElement 但是沒調(diào)試成功。于是有了現(xiàn)在的方法。兼容性的調(diào)試有一部分是依賴于你的實(shí)現(xiàn)的方式的,像我這種方式很傻瓜 哈哈但是最簡單往往是最有效的。當(dāng)然,作為技術(shù)的追求這來說,我們大家都喜歡用很多高深的方法。這里我是不會(huì)
復(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í)行]
這次兼容測試我剛開始是采用一個(gè)經(jīng)典的js多選框 全選 反選 實(shí)現(xiàn)及分析 的實(shí)現(xiàn)方式,也就是通過ev.srcElement 但是沒調(diào)試成功。于是有了現(xiàn)在的方法。兼容性的調(diào)試有一部分是依賴于你的實(shí)現(xiàn)的方式的,像我這種方式很傻瓜 哈哈但是最簡單往往是最有效的。當(dāng)然,作為技術(shù)的追求這來說,我們大家都喜歡用很多高深的方法。這里我是不會(huì)
您可能感興趣的文章:
- js實(shí)現(xiàn)checkbox全選和反選示例
- js實(shí)現(xiàn)checkbox全選、不選與反選的方法
- JS實(shí)現(xiàn)的全選、全不選及反選功能【案例】
- AngularJS實(shí)現(xiàn)全選反選功能
- javaScript checkbox 全選/反選及批量刪除
- 利用Vue.js實(shí)現(xiàn)checkbox的全選反選效果
- js html css實(shí)現(xiàn)復(fù)選框全選與反選
- javascript實(shí)現(xiàn)簡單的全選和反選功能
- javaScript實(shí)現(xiàn)復(fù)選框全選反選事件詳解
- JavaScript實(shí)現(xiàn)頁面一鍵全選或反選
相關(guān)文章
JS option location 頁面跳轉(zhuǎn)實(shí)現(xiàn)代碼
JS中l(wèi)ocation對象 在option中的應(yīng)用(跳轉(zhuǎn)采單),方便通過 option實(shí)現(xiàn)頁面的切換2008-12-12javascript 動(dòng)態(tài)創(chuàng)建 Option選項(xiàng)
javascript動(dòng)態(tài)創(chuàng)建Option選項(xiàng),選擇月份后動(dòng)態(tài)創(chuàng)建日期。2009-07-07用javascript實(shí)現(xiàn)select的美化的方法
用javascript實(shí)現(xiàn)select的美化的方法...2007-04-04輸入框的字?jǐn)?shù)時(shí)時(shí)統(tǒng)計(jì)—關(guān)于 onpropertychange 和 oninput 使用
做一個(gè)輸入框的字符統(tǒng)計(jì),限制輸入字符數(shù)量, 即在輸入框的內(nèi)容發(fā)生變化的時(shí)候改統(tǒng)計(jì)字符長度。 跟新浪微博一樣,統(tǒng)計(jì)字符數(shù)量,不超過140字2011-10-10