Javascript 基于复选框的活动选项卡

Javascript 基于复选框的活动选项卡,javascript,html,Javascript,Html,我有这个标签的代码,我想要的是默认情况下禁用tab2,并且只有在用户选中tab1上的复选框1时才启用 有什么帮助吗 Testo 支票1 Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本, 当一个不知名的印刷商拿着一个铅字厨房,把它拼凑成一本铅字样本书时。 它不仅存活了五个世纪,而且还跨越了电子排版, 基本保持不变。它在20世纪60年代随着Letraset的发行而流行起来 包含Lorem Ipsum段落的工作表,以及

我有这个标签的代码,我想要的是默认情况下禁用tab2,并且只有在用户选中tab1上的复选框1时才启用 有什么帮助吗


  • Testo
支票1 Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本, 当一个不知名的印刷商拿着一个铅字厨房,把它拼凑成一本铅字样本书时。 它不仅存活了五个世纪,而且还跨越了电子排版, 基本保持不变。它在20世纪60年代随着Letraset的发行而流行起来 包含Lorem Ipsum段落的工作表,以及最近使用的桌面发布软件 像Aldus PageMaker,包括Lorem Ipsum的版本。
此方法工作正常,当复选框设置为检查选项卡是否启用时,您需要添加一个触发器,从
数据切换中删除该值将禁用选项卡,只需再次添加该值即可启用。如下图所示。要在默认情况下禁用选项卡2,请直接在HTML中省略
数据切换
中的值

我冒昧地将引导依赖项添加到此代码段中,假设您的项目中有这些依赖项

功能切换_tab2(){
if($('#tab2').attr(“数据切换”)!=''){
$('#tab2').attr(“数据切换”);
console.log('tab2已禁用');
}
否则{
$('#tab2').attr(“数据切换”,“选项卡”);
console.log('tab2 enabled');
}
}

  • 特斯托
支票1 Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本, 当一个不知名的印刷商拿着一个铅字厨房,把它拼凑成一本铅字样本书时。 它不仅存活了五个世纪,而且还跨越了电子排版, 基本保持不变。它在20世纪60年代随着Letraset的发行而流行起来 包含Lorem Ipsum段落的工作表,以及最近使用的桌面发布软件 像Aldus PageMaker,包括Lorem Ipsum的版本。
在firefox上运行良好。在chrome中,当我单击tab 1、2、3链接时,它不起任何作用,并且它们没有被禁用。仅在snippet工具中,将代码放在部署中。javascript非常简单。抱歉,但是,当选中时,我仍然可以单击选项卡2…并且还想禁用手图标(所以它类似于灰色模式),有人能提供这样一种角度的方法吗??我也可以用