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

首頁 > 編程 > JavaScript > 正文

JS checkbox控制操作代碼

2019-11-21 01:31:22
字體:
來源:轉載
供稿:網友

[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";
......
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梧州市| 延长县| 区。| 安龙县| 北安市| 永昌县| 靖安县| 磐石市| 青神县| 互助| 莱阳市| 永德县| 高雄县| 金秀| 桃园市| 阆中市| 日照市| 滁州市| 北京市| 齐河县| 积石山| 江陵县| 琼中| 天津市| 南岸区| 山阳县| 梨树县| 乌什县| 全南县| 临湘市| 邵东县| 中方县| 海口市| 常德市| 西丰县| 西宁市| 临西县| 木兰县| 通榆县| 阿尔山市| 临澧县|