国产探花免费观看_亚洲丰满少妇自慰呻吟_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;獲得的那個元素。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 安陆市| 洛宁县| 米林县| 大英县| 宁都县| 嘉禾县| 西青区| 彩票| 宣汉县| 昌乐县| 阿拉善左旗| 澄城县| 卓尼县| 大余县| 施甸县| 通榆县| 德清县| 临澧县| 商南县| 周宁县| 林州市| 克东县| 托克托县| 滦平县| 叙永县| 博客| 尼玛县| 确山县| 五台县| 潢川县| 桑植县| 澄江县| 文化| 阿拉善右旗| 彭泽县| 黄冈市| 新郑市| 烟台市| 仙游县| 横峰县| 兴隆县|