# Vaadin `CheckBox`教程 > 原文： [http://zetcode.com/vaadin/checkbox/](http://zetcode.com/vaadin/checkbox/) Vaadin `CheckBox`教程顯示了如何使用 Vaadin `CheckBox`組件。 Vaadin `CheckBox`示例切換網頁的標題。 ## Vaadin Vaadin 是流行的 Java Web 框架。 它用于構建單頁 Web 應用。 ## Vaadin `CheckBox` `CheckBox`是可以選中或取消選中的選擇組件。 單擊復選框將更改其狀態。 可以使用`setValue()`方法檢查`CheckBox`。 `CheckBox`的值通過`getValue()`方法檢索。 更改復選框的值將導致`ValueChangeEvent`，由`ValueChangeListener`處理。 ## Vaadin `CheckBox`示例 以下程序演示了 Vaadin `CheckBox`組件的用法。 復選框可切換網頁標題。 Vaadin Web 應用可以在 NetBeans 中輕松創建。 我們需要安裝 NetBeans Vaadin 插件，然后創建一個新的 Vaadin Web 應用項目。 我們將使用`MyUI.java`文件。 `MyUI.java` ```java package com.zetcode.vaadincheckboxex; import javax.servlet.annotation.WebServlet; import com.vaadin.annotations.Theme; import com.vaadin.annotations.VaadinServletConfiguration; import com.vaadin.server.Page; import com.vaadin.server.VaadinRequest; import com.vaadin.server.VaadinServlet; import com.vaadin.ui.CheckBox; import com.vaadin.ui.UI; import com.vaadin.ui.VerticalLayout; @Theme("mytheme") public class MyUI extends UI { @Override protected void init(VaadinRequest vaadinRequest) { VerticalLayout layout = new VerticalLayout(); CheckBox cbox = new CheckBox("Show title"); cbox.setValue(true); Page.getCurrent().setTitle("CheckBox"); cbox.addValueChangeListener(e -> { Boolean val = e.getValue(); if (val) { Page.getCurrent().setTitle("CheckBox"); } else { Page.getCurrent().setTitle("."); } }); layout.addComponents(cbox); layout.setMargin(true); setContent(layout); } @WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true) @VaadinServletConfiguration(ui = MyUI.class, productionMode = false) public static class MyUIServlet extends VaadinServlet { } } ``` `MyUI`是應用入口點。 在這里，我們創建`CheckBox`組件。 ```java CheckBox cbox = new CheckBox("Show title"); cbox.setValue(true); ``` 創建一個新的`CheckBox`。 構造器的參數是`CheckBox`的標簽。 由于默認情況下網頁的標題是可見的，因此我們使用`setValue()`方法檢查組件。 ```java Page.getCurrent().setTitle("CheckBox"); ``` 在這里，我們設置網頁的標題。 我們也可以使用`@Title`注解設置頁面標題。 ```java cbox.addValueChangeListener(e -> { Boolean val = e.getValue(); if (val) { Page.getCurrent().setTitle("CheckBox"); } else { Page.getCurrent().setTitle("."); } }); ``` 使用`addValueChangeListener()`，我們為值更改添加了一個監聽器。 我們用`getValue()`方法獲得`CheckBox`的當前值。 根據其狀態，設置網頁的標題。 ```java layout.addComponents(cbox); ``` 通過`addComponents()`方法將`CheckBox`添加到布局中。 ```java layout.setMargin(true); ``` 使用`setMargin()`方法，我們在`CheckBox`組件周圍創建了一些邊距。  圖：Vaadin `CheckBox` 在本教程中，我們展示了如何使用 Vaadin `CheckBox`組件。 您可能也對相關教程感興趣： [Vaadin `Button`教程](/vaadin/button/)， [Vaadin `ComboBox`教程](/vaadin/combobox/)， [Vaadin `TextArea`教程](/vaadin/textarea/)， [Vaadin 滑塊教程](/vaadin/slider/)， [Java 教程](/lang/java/)。