Jupyter Notebook中ipywidgets多行控件复选框仅首次点击生效求助

问题场景 #

在Jupyter Notebook中通过自定义函数创建多行ipywidgets控件，期望用复选框启用/禁用对应行的下拉框和数字输入框。目前控件可正常创建，但复选框仅首次点击能切换行控件的启用状态，后续点击无效果。

原代码如下：

%matplotlib widget

import ipywidgets as widgets
from ipywidgets import Output, Layout, GridBox, VBox, HBox, Box

OUT = Output()

def create_widgets(name):
    
    def test(event):

        OUT.clear_output()
        with OUT:
            print(event.old, event.new)
    
        if event.new:
            dd.disabled = False
            bt.disabled = False
        else:
            dd.disabled = True
            bt.disabled = False
    
    
    cb = widgets.Checkbox(
        value=True, 
        #description='', 
        disabled=False, 
        indent=False)
    
    cb.observe(test)

    
    dd = widgets.Dropdown(
        options=['1', '2', '3'],
        value='2',
        description=name,
        disabled=False,
        layout = widgets.Layout(width='100px'),
        style = {'description_width': 'initial'})   

    bt = widgets.BoundedIntText(
        value=7,
        min=5,
        max=25,
        step=0.5,
        description='val',
        disabled=False,
        layout = widgets.Layout(width='100px'),
        style = {'description_width': 'initial'})
    
    box_layout = Layout(width='250px', height='auto')
    box = HBox([cb, dd, bt], layout=box_layout)
    
    return box
    

A = create_widgets('A')
B = create_widgets('B')
C = create_widgets('C')
# add some more 
INPUT =  VBox([A, B, C])
display(INPUT, OUT)

问题原因 #

1. 未指定监听属性：cb.observe(test)默认会监听复选框的所有属性变化，可能触发非预期的回调逻辑，干扰状态切换。我们只需要监听复选框的value（选中状态）变化。
2. 逻辑不一致：原代码中，当复选框未勾选时，仅禁用下拉框dd，未同步禁用数字输入框bt，既不符合需求，也可能导致状态逻辑混乱。

修复后的代码 #

%matplotlib widget

import ipywidgets as widgets
from ipywidgets import Output, Layout, GridBox, VBox, HBox, Box

OUT = Output()

def create_widgets(name):
    
    def test(event):
        OUT.clear_output()
        with OUT:
            print(event.old, event.new)
        
        # 根据复选框状态统一设置控件禁用状态
        is_enabled = event.new
        dd.disabled = not is_enabled
        bt.disabled = not is_enabled
    
    cb = widgets.Checkbox(
        value=True, 
        disabled=False, 
        indent=False)
    
    # 仅监听复选框的value属性变化，避免无关触发
    cb.observe(test, names='value')

    dd = widgets.Dropdown(
        options=['1', '2', '3'],
        value='2',
        description=name,
        disabled=False,
        layout=widgets.Layout(width='100px'),
        style={'description_width': 'initial'})   

    bt = widgets.BoundedIntText(
        value=7,
        min=5,
        max=25,
        step=0.5,
        description='val',
        disabled=False,
        layout=widgets.Layout(width='100px'),
        style={'description_width': 'initial'})
    
    box_layout = Layout(width='250px', height='auto')
    box = HBox([cb, dd, bt], layout=box_layout)
    
    return box
    

A = create_widgets('A')
B = create_widgets('B')
C = create_widgets('C')
INPUT = VBox([A, B, C])
display(INPUT, OUT)

关键修复说明 #

• 精准监听属性：通过names='value'限定仅监听复选框的选中状态变化，避免无关属性触发回调。
• 统一状态逻辑：用is_enabled = event.new同步控制下拉框和数字输入框的禁用状态，确保整行控件状态一致，代码逻辑更清晰。

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