Flask WTForms使用多个按钮禁用多个字段

Question

我有一个用WTForms制作的Flask表单。它包括3个复选框和9个其他字段。如果选中三个复选框中的一个，则禁用这些字段中的7个。

这只是复选框的一小部分示例，它是在复选框被选中时被禁用的字段，并且是OptionalIf类，如果选中了复选框，该类可使所选字段成为可选的：

class OptionalIf(Optional):

    def __init__(self, otherFieldName, *args, **kwargs):

        self.otherFieldName = otherFieldName

        #self.value = value

        super(OptionalIf, self).__init__(*args, **kwargs)

    def __call__(self, form, field):

        otherField = form._fields.get(self.otherFieldName)

        if otherField is None:

            raise Exception('no field named "%s" in form' % self.otherFieldName)

        if bool(otherField.data):

            super(OptionalIf, self).__call__(form, field)

在我的表单类中：

holiday = BooleanField('Holiday?', id="holiday", validators=[Optional()])

start_time = TimeField(label='Start Time', id='timepick1', format='%H:%M', validators=[OptionalIf('holiday'), OptionalIf('holiday_noAddedHours'), OptionalIf('sick')])

该holiday_noAddedHours和sick是其他复选框领域，每一个都有自己的ID：holidayNAH和sick。

由于有七个要禁用的字段，因此我必须在脚本中包含此字段：

document.getElementById('holiday').onchange = function(){

  document.getElementById('timepick1').disabled = this.checked;

  document.getElementById('timepick2').disabled = this.checked;

  ....

}

document.getElementById('holidayNAH').onchange = function(){

  document.getElementById('timepick1').disabled = this.checked;

  document.getElementById('timepick2').disabled = this.checked;

  ....

}

然后再输入另一个sickID。

我想知道是否有可能缩短此时间，而不是document.getElementById在选中该框的情况下在其中禁用字段的3秒和7行呢？我知道拥有一个ID是不可能的，因为它getElementById获得了第一个元素，那么我将如何处理呢？

Answer 1

如何在要更改的ID列表上进行for循环。例如：all_ids = ['timepick1', 'timepick2'];for (i=0; i<all_ids.length; i++){&nbsp; &nbsp; document.getElementById(all_ids[i]).disabled = this.checked;}