|
|
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
例二：
要實(shí)現(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;
}
當(dāng)點(diǎn)擊顯示職位，申請(qǐng)選中職位，放入收藏夾時(shí)的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("請(qǐng)要在選擇的職位前打勾！");
return false;
}
}
例三：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
順便看看getElementsByTagName的用法
Javascript為我們提供了兩種獲取document引用的方式:getElementById和getElementsByTagName.前者返回一個(gè)指向具有指定Id屬性的元素引用,而后者則返回具有該標(biāo)簽的元素?cái)?shù)組,前者應(yīng)用較多,也是比較熟悉的,本文針對(duì)后者做簡(jiǎn)要解釋。
比方說(shuō):定義一個(gè)table,其中有多個(gè)td標(biāo)簽,現(xiàn)在需要更改第二個(gè)單元格的背景顏色,則可用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技術(shù)：JS checkbox控制操作代碼，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
