国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

checkbox全選所涉及到的知識點介紹

2024-05-06 15:58:07
字體:
來源:轉載
供稿:網友
checkbox全選涉及到的知識點比如IE里起作用,火狐不起作用,getElementById()與getElementsByName()的區別等等

1、IE里起作用,火狐不起作用

IE版本

復制代碼 代碼如下:


<script type="text/javascript">

function checkALL(str)//全選控制的JS
{
var a=document.getElementsByName(str);
var n=a.length;

for(var i=0;i<n;i++)

{

a[i].checked=window.event.srcElement.checked;

}

}

</script>


火狐版本

復制代碼 代碼如下:


<script type="text/javascript">

function checkALL(str)//全選控制的JS
{
var a=document.getElementsByName(str);
var n=a.length;
for(var i=0;i<n;i++){
a[i].checked=document.getElementById("all").checked;
}
}

</script>


原因分析:window.event只能在IE下運行,所以在火狐下js運行不起作用。火狐版本里頭,是直接獲得"id=all"的checkbox被選擇狀態,然后賦值給"name=str"的checkbox組的每一項,這樣就可以保持選擇狀態的同步。

2、document.getElementById()與document.getElementsByName()的區別

上面那段js通過兩種方式獲得了checkbox的狀態,從名字上看,他們的作用應該是類似,一個通過id獲得元素,一個通過name獲得元素。但這兩個方法是有差別的,如果在使用過程中不注意,很可能會覺得可以混用,從而會造成困擾。我當時就覺得隨便用一個就好,但改名字后,js代碼卻不起作用,其實是因為不了解,導致用錯了。

(1)document.getElementById()是通過id訪問某一個特定元素,因為在一個頁面中id是唯一的,所以這個函數返回的是一個Element

(2)document.getElementsByName()是通過name來訪問元素,因為在一個頁面中name不是唯一的,可以重名,所以這個函數返回的是一組Elements

正是因為一個是元素,一個是數組,所以在混用的時候不注意就會出錯,導致js運行不下去。比如,當時我把a[i].checked=document.getElementById("all").checked;改成a[i].checked=document.getElementsByName("all").checked;的時候,js運行不起作用(因為js出錯但不報錯,所以感覺是沒起作用),其實此處并不是不識別,是因為調用的時候用錯了,正確寫法是a[i].checked=document.getElementsByName("all")[0].checked;這樣改后,效果一樣。因為我們的頁面中只存在一個"name=all"的checkbox,所以我們以[0]來取Elements中的第一個元素,就是我們通過a[i].checked=document.getElementById("all").checked;獲得的那個元素。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 富锦市| 柳河县| 乐业县| 隆回县| 永州市| 吉安市| 衡水市| 成都市| 永吉县| 中山市| 井陉县| 湖州市| 仙游县| 老河口市| 沂水县| 抚远县| 贺兰县| 湄潭县| 阳东县| 靖宇县| 绥宁县| 阿克苏市| 泽库县| 景德镇市| 黔南| 偏关县| 昌宁县| 宁海县| 迭部县| 汾阳市| 延庆县| 香河县| 乡城县| 和平县| 明水县| 长兴县| 蓬安县| 承德市| 张家港市| 绿春县| 开远市|