DIV禁用或灰显

Question

我有一个带有表单的网页.根据页面顶部的用户选择,该页面将禁用表单的各个部分.我的计划是将每个部分放在一个<div></div>.每个部分都包含一些表单元素的集合.

因此,如果用户未选择某些条件,则表单的相关部分将被禁用.在典型的Windows类型的应用程序中,这些元素被禁用并显示为灰色.在网页中执行此操作的最佳方法是什么？Javascript可以确定div部分中的表单元素,并通过循环禁用这些元素吗？我知道我可以禁用每个元素,如果我知道它,但有没有办法找出一些div部分的元素的所有ID？

是否有可能基于c#中的flag变量在页面加载事件中变灰？

Answer 1

使用jQuery你可以做这样的事情:

$("div.myDiv :input").attr("disabled", "disabled");

":input"表示每个输入元素."div.myDiv"表示具有类名"myDiv"的div.它在这种情况下作为上下文.因此,本质上将发生的是该特定div中的所有输入元素将被禁用.

相反:

$("div.myDiv :input").removeAttr("disabled");