例二：
要實現(xiàn)的功能如圖所示：
全選的checkbox的js代碼如下：
var status=true;
function allselect(){
var tags=document.getElementsByTagName("input");
for (i = 0; i < tags.length; i++)
{
if (tags[i].type == "checkbox")
{
tags[i].checked=status;
}
}
status=!status;
}
當點擊顯示職位，申請選中職位，放入收藏夾時的js代碼如下：
function panduan(){
var gou=0;
var tags=document.getElementsByTagName("input");
for (i = 0; i < tags.length; i++)
{
if (tags[i].type == "checkbox")
{
if(tags[i].id!="Checkbox1"){ //這里的Checkbox1為全選checkbox
if(tags[i].checked==true){
gou++;
}
}
}
}
if(gou==0){
window.alert("請要在選擇的職位前打勾！");
return false;
}
}
例三：

順便看看getElementsByTagName的用法
Javascript為我們提供了兩種獲取document引用的方式:getElementById和getElementsByTagName.前者返回一個指向具有指定Id屬性的元素引用,而后者則返回具有該標簽的元素數組,前者應用較多,也是比較熟悉的,本文針對后者做簡要解釋。
比方說:定義一個table,其中有多個td標簽,現(xiàn)在需要更改第二個單元格的背景顏色,則可用getElementsByTagName.具體代碼如下:
......
<table style="width:100%;">
<tr><td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
......
var tdObject=document.getElementsByTagName("td").item(1);
tdObject.style.backgroundColor="blue";
......

最新評論