JavaFX如何实现仅勾选CheckBox时显示对应Label与TextField控件

问题根因 #

你原有代码的核心问题是额外的日期输入控件（dayTwo、secondDay等）仅在CheckBox勾选的if分支内创建，属于handle方法的局部变量，else分支无法获取这些控件实例，自然无法控制其显隐或移除，同时多次重复勾选还会往布局中添加重复控件，造成冗余。

解决方案 #

提供两种常用实现方式，可按需选择：

方案1：提前初始化控件，通过显隐控制（推荐，切换更流畅无闪烁） #

提前创建好所有额外输入控件，默认设为隐藏，勾选时直接切换可见性即可：

// 将额外输入控件定义为全局/外部变量，方便全局控制
Label dayTwo= new Label("Day Two:");
final TextField secondDay = new TextField();
Label dayThree= new Label("Day Three:");
final TextField thirdDay= new TextField();

// 提前添加到布局，默认隐藏
pane.add(dayTwo, 0, 7);
pane.add(secondDay, 1, 7);
pane.add(dayThree, 2, 7);
pane.add(thirdDay, 3, 7);
dayTwo.setVisible(false);
secondDay.setVisible(false);
dayThree.setVisible(false);
thirdDay.setVisible(false);

CheckBox moreDays= new CheckBox("Choose more days?");
EventHandler<ActionEvent> showMoreLabels = new EventHandler<ActionEvent>() {
    public void handle(ActionEvent e) {
        boolean isSelected = moreDays.isSelected();
        // 统一切换控件显隐
        dayTwo.setVisible(isSelected);
        secondDay.setVisible(isSelected);
        dayThree.setVisible(isSelected);
        thirdDay.setVisible(isSelected);
        // 可选：取消勾选时清空用户已输入的内容
        if (!isSelected) {
            secondDay.clear();
            thirdDay.clear();
        }
    }
};
moreDays.setOnAction(showMoreLabels);

方案2：勾选时添加控件，取消勾选时移除（完全不占用布局空间） #

如果不需要提前占用布局位置，可以在勾选时才添加控件，取消勾选时直接从布局中移除：

// 仍需将控件定义在事件外部，方便移除时获取实例
Label dayTwo= new Label("Day Two:");
final TextField secondDay = new TextField();
Label dayThree= new Label("Day Three:");
final TextField thirdDay= new TextField();

CheckBox moreDays= new CheckBox("Choose more days?");
EventHandler<ActionEvent> showMoreLabels = new EventHandler<ActionEvent>() {
    public void handle(ActionEvent e) {
        if (moreDays.isSelected()) {
            // 勾选时添加控件到布局
            pane.add(dayTwo, 0, 7);
            pane.add(secondDay, 1, 7);
            pane.add(dayThree, 2, 7);
            pane.add(thirdDay, 3, 7);
        } else {
            // 取消勾选时从布局移除控件
            pane.getChildren().removeAll(dayTwo, secondDay, dayThree, thirdDay);
            // 可选：清空已输入内容
            secondDay.clear();
            thirdDay.clear();
        }
    }
};
moreDays.setOnAction(showMoreLabels);

内容的提问来源于stack exchange，提问作者DaveDarell