|
|
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
例二：
要實現的功能如圖所示：
全選的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;
}
}
例三：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
順便看看getElementsByTagName的用法
Javascript為我們提供了兩種獲取document引用的方式:getElementById和getElementsByTagName.前者返回一個指向具有指定Id屬性的元素引用,而后者則返回具有該標簽的元素數組,前者應用較多,也是比較熟悉的,本文針對后者做簡要解釋。
比方說:定義一個table,其中有多個td標簽,現在需要更改第二個單元格的背景顏色,則可用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";
......
JavaScript技術：JS checkbox控制操作代碼，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
