Checkbox Dojo选项卡标题旁边的复选框问题

我有一个Dojo选项卡容器，其中有六个选项卡，每个选项卡都有一个iframe

<div style="width: 100%; height: 500px; " >
  <div   data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%"  id="tabContainer" >
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane1">
        <iframe  id="frame1" src="source1.html"></iframe>
    </div>  
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane2">
        <iframe  id="frame2" src="source2.html"></iframe>
    </div>  
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane3">
        <iframe  id="frame3" src="source3.html"></iframe>
    </div>  
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane4">
        <iframe  id="frame4" src="source4.html"></iframe>
    </div>  
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane5">
        <iframe  id="frame5" src="source5.html"></iframe>
    </div>  
    <div data-dojo-type="dijit/layout/ContentPane" title="Action Items" data-dojo-props="selected:true" id="pane6">
        <iframe  id="frame6" src="source6.html"></iframe>
    </div>  

    </div>
</div>

问题#1：当我单击与选项卡关联的复选框时，该选项卡不会更改

---

问题#2：当我单击与选项卡关联的复选框时，onChange事件将清除整个窗格。

您可以发布一个JSFIDLE来复制该问题吗？我尝试使用您提供的代码，但我认为它与您看到的不一样。我没有发布实际创建选项卡的dojo代码。我将很快编辑JSFIDLE。JSFIDLE不工作。我用dojo tabs（）复制并粘贴了一个现有的jsfiddle，当我在您创建的jsfiddle上发布它时，并没有得到相同的结果。我试着改变dojo版本。我将dojo.requires添加到javascript部分的顶部，当我查看firefox web控制台时，它显示“TypeError:dojo.require不是一个函数”，这是因为你放在小提琴中的代码与你在这里发布的代码完全不同。我只是想在担心我的代码之前在小提琴中找到一些可以工作的东西。

 dojo.query("#tabContainer .dijitTabPane").forEach(function(n){
      new dijit.form.CheckBox({ 
          checked: true,
          id: "check"+n.id,
          //This event added as a result of issue 1
          onChange: function(b) {  
              var container = dijit.byId("tabContainer");
              var tab = dijit.byId("check"+n.id);
              container.selectChild(tab);
          }
      }).placeAt("tabContainer_tablist_"+n.id, "first");
 });