为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Qyouu 2021-05-14 18:15:25
我有一个用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获得了第一个元素,那么我将如何处理呢?
查看完整描述

1 回答

?
互换的青春

TA贡献1797条经验 获得超6个赞

如何在要更改的ID列表上进行for循环。例如:


all_ids = ['timepick1', 'timepick2'];



for (i=0; i<all_ids.length; i++){

    document.getElementById(all_ids[i]).disabled = this.checked;

}


查看完整回答
反对 回复 2021-05-27
  • 1 回答
  • 0 关注
  • 219 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信