首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >打开带有条件的Jquery选项卡

打开带有条件的Jquery选项卡
EN

Stack Overflow用户
提问于 2018-09-05 17:33:30
回答 2查看 336关注 0票数 0

我正在尝试打开有条件的选项卡2。选项卡2应打开,如果选中的复选框比选项卡1中的复选框多,否则选项卡2将不会打开。我该怎么做呢?

脚本:http://jsfiddle.net/mktgnp3e/694/

代码语言:javascript
代码运行次数:0
运行
复制
$("#tabs").tabs({

  beforeActivate: function(e, ui) {
  var id = $(ui.newPanel).attr('id');

  if(id=="tabs-2")

  if($('input[name="chk"]:checked').length > 1){
  alert("Tab 2 opened"); 

  }else{ 
   alert("Please select checkbox more then one in tab 1 otherwise tab 2 will not open");

  }  } }

   );
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-09-05 17:46:22

为了保持第一个选项卡处于活动状态,您可以在第一个条件中执行$(this).tabs({ active: 0 });here's更新后的示例。

票数 2
EN

Stack Overflow用户

发布于 2018-09-05 18:13:21

试试这个:$("#tabs").tabs({ activate: function (e, ui) { var id = $(ui.newPanel).attr('id'); if (id == "tabs-2") { if ($('input[name="chk"]:checked').length < 2) { alert("Please select checkbox more then one in tab 1 otherwise tab 2 will not open"); $("#tabs").tabs("option", "active", 0); } else { alert("Tab 2 opened"); } } } });

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52181811

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档