javascript - 如何按顺序打开 Div

标签 javascript jquery html

<分区>

我有三个复选框,例如 chkEnglish、chkGerman、chkFrench。 根据这些复选框,有三个 div,在这些 div 中有一些文本框和按钮。 表示每个复选框都包含一个表示不同语言的形式 block 。

所以我的查询是,当用户选中任何复选框时,该复选框就会打开。 就像如果有人检查 chkEnglish 然后英语表格必须打开。之后如果有人检查 chkGerman 然后它会出现在英文之下。

表示根据选中的复选框,那些表单必须相应地打开......

最佳答案

只是给出一个如何完成的提示(我知道有很多方法):

 var chkName = [......], // Array which holds check boxes id's 
     divName = [......], // Array which holds div elements id's
     prevVisibleDiv;
 for(var i=0; i < chkName.length; i++){
     if(chkName[i].checked){             
         if(prevVisibleDiv){ //condition for the first time.
            //hide prevVisibleDiv
         }
         //show divName[i]
         //store the current visible div inside prevVisibleDiv
         prevVisibleDiv = divName[i];             
     }
}

Working Fiddle

关于javascript - 如何按顺序打开 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16643891/

相关文章:

javascript - fetch 包裹在react样板中的request.js中: how to handle error from json body for Spring backend

javascript - 列谷歌图表图例位置问题

javascript - HTML5 从 Worker 调用全局函数

javascript - 如何知道用户是否完成了所有任务?

javascript - JS 计数带千位分隔符的数字

javascript - Electron 页面导航: Loading content and attached javascript

javascript - 网站未加载。 jQuery 未定义

jquery - 具有过滤器亮度背景的div中的文本颜色

javascript - 使用 after() 获取元素属性

javascript - 查找某个时间范围内去年的某个日期