如何禁用或禁用使用Javascript的html元素
如何禁用或禁用使用Javascript的html元素
提问于 2015-10-06 09:20:37
我有一个关于禁用或删除HTML元素的问题。
我有三组选择。第一组(1,2,3)，第二组(a，b，c)第三组(4,5,6)。以下是逻辑：
- 如果我在第一组中选择(1)，它将在第二组和第(4,5)组中选择(b和c)。
- 如果我在第一组中选择(2)，它将在第二组中选择(a)，在第三组上选择(6)是禁用的。
- 如果我在第一组中选择(3)，它将使第二组的所有选项失效，而不是使(5,6)失智。
谁能给我一个代码的小例子，需要这样做，或至少对禁用和取消HTML元素单击事件或选择事件。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-10-06 09:42:20
我会给你一个例子，说明如何做到清单中的第二点。从这一点出发，您应该能够为其他人调整一个解决方案。我假设这三个复选框具有I first、second和third。
$("#first").change(function() {
//Reset so that all options are enabled and visible.
$("option").prop("disabled", false).show();
//Do different things depending on what value is selected.
switch($(this).val())
{
case "1":
//Implement some code here.
break;
case "2":
//Hide a option on the second select.
$("#second option[value=a]").hide();
//Disable 6 option on third select.
$("#third option[value=6]").prop("disabled", true);
break;
case "3":
//Implement some code here.
break;
}
});请注意，此代码依赖于为选项显式设置的value属性。您还可以根据它们在列表中的位置选择选项，例如第三个列表中的第三个选项的#third option:eq(2)。
您还可能希望添加一些逻辑，以便如果某个选项在被删除或禁用时被选中，则将选择另一个选项。
小提琴。
Stack Overflow用户
发布于 2015-10-06 09:37:41
您应该查看jQuery，下面是一个非常简单的示例：
<div class="hideMe">
some stuff
</div>然后在你的剧本里：
$(document).ready(function() {
$('.hideMe').click(function() {
//Do some stuff here
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32966200
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号