jquery在启用复选框时禁用多个下拉列表

时间:2011-11-02 09:33:26

标签: php jquery checkbox drop-down-menu

我的表单的一部分是用户可以选择关闭日期以及开放日期的开放时间。

我做了一个小提琴,这应该说清楚。

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

http://jsfiddle.net/ZXSKH/

当我们点击当天关闭的复选框时,我需要有关如何禁用特定日期下拉菜单的帮助。

此外,这些值将被发布到数据库中,任何想法如何在当天未打开的情况下禁用下拉列表(开放时间)的值?

3 个答案:

答案 0 :(得分:1)

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

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

我担心我对MooTools不是很熟悉,所以我用jQuery写了一个小脚本,但我希望可以用MooTools重写它而不会有太多麻烦。

不过,我强烈建议双重引用所有属性,尽管我认为现代浏览器可以毫无问题地处理这个问题。另外,我非常确定for的{​​{1}}属性用于元素ID,而不是名称。

我希望这有点帮助...

答案 1 :(得分:0)

您可以为选择框和复选框指定id,并使用disabled属性禁用选择框,如下所示:

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

答案 2 :(得分:0)

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