禁用启用复选框上的多个下拉框


jquery Disable multiple dropdowns on enable checkbox

我的表单的一部分是一个地方,用户可以选择他们关闭的日子,以及他们开放的日子的开放时间。

我做了一个小提琴,这应该使它更清楚。

这个表单是在php中动态生成的,因为它需要多语言。

http://jsfiddle.net/ZXSKH/

我需要帮助如何禁用下拉菜单为特定的一天,当他们点击复选框被关闭在那一天。

也值将被张贴到数据库,任何想法我应该如何禁用下拉框(开放时间)的值,当他们不开放的那一天?

您提到每个输入字段(复选框,下拉框…)都是动态创建的,因此使用每个复选框的value属性来触发启用/禁用操作。

我已经编辑了你的小提琴:http://jsfiddle.net/ZXSKH/16/

恐怕我不是很熟悉MooTools,所以我用jQuery写了一个小脚本,但我希望它可以用MooTools重写,没有太多的麻烦。

顺便说一句,我强烈建议双引号所有属性,虽然我认为现代浏览器可以处理这个没有任何问题。此外,我很确定labelfor属性用于元素id,而不是名称。

你可以给选择框和复选框一个id,并使用disabled属性来禁用选择框,如下所示:

$('#id').attr('disabled','disabled');

您可以在选中复选框时触发一个事件,并按照下面的建议使用上面的答案