復選框

復選框

復選框(check box)是一種可同時選中多項的基礎控制項。

  • 中文名稱
    復選框
  • 外文名稱
    check box
  • 基本信息
    控制項,java的復選框
  • NET的工具箱
    包含check box控制項

基本簡介

復選框:有一項或者多項的選擇。

建立方法

java的復選框

復選框提供一個製造單一選擇開關的方法;它包括一個小框和一個標簽。典型的復選框有一個小的“X”(或者它設定的其它類型)或是空的,這依靠項目是否被選擇來決定的。

復選框

我們會使用構建器正常地建立一個復選框,使用它的標簽來充當它的自變數。如果我們在建立復選框後想讀出或改變它,我們能夠獲取和設定它的狀態,同樣也能獲取和設定它的標簽。註意,復選框的大寫是與其它的控製相矛盾的。

無論何時一個復選框都可以設定和清除一個事件指令,我們可以捕捉同樣的方法做一個按鈕。在下面的例子裏使用一個文字區域枚舉所有被選中的復選框:

//: CheckBox1.java

// Using check boxes

import java.awt.*;

import java.applet.*;

public class CheckBox1 extends Applet {

TextArea t = new TextArea(6, 20);

Checkbox cb1 = new Checkbox("Check Box 1");

Checkbox cb2 = new Checkbox("Check Box 2");

Checkbox cb3 = new Checkbox("Check Box 3");

public void init() {

add(t); add(cb1); add(cb2); add(cb3);

}

public boolean action (Event evt, Object arg) {

if(evt.target.equals(cb1))

trace("1", cb1.getState());

else if(evt.target.equals(cb2))

trace("2", cb2.getState());

else if(evt.target.equals(cb3))

trace("3", cb3.getState());

else

return super.action(evt, arg);

return true;

}

void trace(String b, boolean state) {

if(state)

t.appendText("Box " + b + " Set\n");

else

t.appendText("Box " + b + " Cleared\n");

}

} ///:~

trace()方法將選中的復選框名和當前狀態用appendText()傳送到文字區域中去,所以我們看到一個累積的被選中的復選框和它們的狀態的列表。

word中復選框

點Word“視圖”選單,在“工具列”項中點“控制項工具箱”,會在Word視窗的編輯區左側出現一個新的工具條,這就是“控制項工具箱”,其中有一個按鈕是內部有小對勾的方框,用滑鼠指向時會出現“復選框”的提示。

點“復選框”按鈕,會在Word頁面上出現一個叫標有“CheckBox1”的小方框,即“第1復選框”,前面的小方框就是復選框,網底是灰色,點“控制項工具箱”的第一個按鈕“退出設計模式”就可以在內部打對勾的,也可以取消對勾。再點“復選框”按鈕,會在頁面上再出現一個“復選框”標簽,叫“CheckBox2”,即“第2復選框”。往下依次類推。

在這些標簽上僅僅顯示“CheckBox1”和“CheckBox2”肯定是不能滿足要求的,要修改這些標簽內容。網底要變為白色,要和文字融為一體。

按下“控制項工具箱”第一個按鈕,使它處于“設計模式”,點中一個“復選框”,四周會出現八個小圓圈,處于選中狀態,點“控制項工具箱”第二個按鈕,在左側出現一個“屬性”對話框,點“BackColor”項,這是設定背景顏色的,右邊的單元格中出現個下拉三角,點擊,選中合適的顏色。點“Caption”項,當單元格為藍色時,右側的單元格就可以編輯了,輸入你需要的文字,WORD的正文中立即就變成了你輸入的文字。點“控制項工具箱”的第一個按鈕“退出設計模式”,試試效果。

Excel中復選框

窗體工具條控制項介紹

“復選框”控制項。可選中一個或同時選中多個復選框,以開啟或者關閉某選項。其值確定復選框的狀態,即該復選框是處于未選擇、已選擇或混合狀態;單元格連結即是返回復選框狀態值的單元格,若選中復選框,則與其相連結的單元格值為True;若未選擇復選框,則與其相連結的單元格值為False;若復選框處于混合狀態,則與其相連結的單元格值為#N/A;若與其相連結的單元格為空,則Excel認為復選框狀態為False。選中3D陰影將以三維陰影效果顯示復選框。    

網頁中的復選框

(一)如何實現復選框的全選和反選

解決思路:

全選的實現:遍歷所有復選框,然後設定各多選項的checked屬性為true。反選的實現:遍歷所有復選框,獲取復選框的checked屬性值,是true的話則設定為false,否則設為true,即作當前值的相反設定。

具體步驟:

代碼示例:

<script>

function selectit(){

//設定變數form的值為name等于select的表單

var form=document.select

//取得觸發事件的按鈕的name屬性值

var action=event.srcElement.name

for (var i=0;i<form.elements.length;i++){//遍歷表單項

//將當前表單項form.elements對象簡寫為e

var e = form.elements

//如果當前表單項的name屬性值為iTo,

//執行下一行代碼。限定腳本處理的表單項範圍。

if (e.name == "iTo")

/*如果單擊事件發生在name為selectall的按鈕上,就將當前表單項的checked屬性設為true(即選中),否則設定為當前設定的相反值(反選)*/

e.checked =(action=="selectall")?(form.selectall.checked):(!e.checked)

}

}

</script>

<form name="select">

<INPUT type="checkbox" name="selectall" "selectit()">全選

<INPUT type="checkbox" name="Inverse" "selectit()">反選

<INPUT type="checkbox" name="iTo" value="1">1

<INPUT type="checkbox" name="iTo" value="2">2

<INPUT type="checkbox" name="iTo" value="3">3

<INPUT type="checkbox" name="iTo" value="4">4

<INPUT type="checkbox" name="iTo" value="5">5

</form>

註意:本例中能被全選或反選的復選框必須設定name為iTo。

技巧:在本例中其實不用遍歷表單的每個元素,隻需要遍歷getElementsByName("iTo")集合就行了。

特別提示

代碼運行後,選中”全選”復選框,所有name為iTo的復選框將被選中,效果如圖1.4.12所示。

圖1.4.12 全選復選框

特別說明

本例需要掌握的內容是對表單項的遍歷和復選框的選中或不選中狀態的設定或獲取。

checked 設定或獲取復選框或單選鈕的狀態,true 為選中,false為不選中。

elements 獲取以源順序排列的指定表單中所有控制項的集合(不包括圖像類型的控制項對象)。

(二)網頁特效代碼---復選框全選、全不選和反選的效果實現

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>網頁特效代碼--復選框全選、全不選和反選的效果實現</title>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function checkAll() {

for (var j = 1; j <= 9; j++) {

box = eval("document.checkboxform.C" + j);

if (box.checked == false) box.checked = true;

}

}

function uncheckAll() {

for (var j = 1; j <= 9; j++) {

box = eval("document.checkboxform.C" + j);

if (box.checked == true) box.checked = false;

}

}

function switchAll() {

for (var j = 1; j <= 9; j++) {

box = eval("document.checkboxform.C" + j);

box.checked = !box.checked;

}

}

// End -->

</script>

</head>

<body>

<form name=checkboxform>

<input type=checkbox name=C1 checked>C1<br>

<input type=checkbox name=C2 checked>C2<br>

<input type=checkbox name=C3 checked>C3<br>

<input type=checkbox name=C4 checked>C4<br>

<input type=checkbox name=C5 checked>C5<br>

<input type=checkbox name=C6 checked>C6<br>

<input type=checkbox name=C7 checked>C7<br>

<input type=checkbox name=C8 checked>C8<br>

<input type=checkbox name=C9 checked>C9<br>

<br>

<input type=button value="全部選中" "checkAll()"><br>

<input type=button value="全部不選" "uncheckAll()"><br>

<input type=button value="選擇轉換" "switchAll()"><br>

</form>

</body>

</html>

相關詞條

其它詞條