複選框和標籤不在同一行顯示

Question

我正在使用下面提到的代碼來動態創建複選框和標籤。但標籤和複選框不在同一行中排列。任何人都可以引導下面的代碼有什麼不對？

dojo.require("dijit.form.CheckBox"); 
dojo.ready(function(){  
    var widgetNode = dojo.doc.createElement("DIV"); 
    chk = dojo.create("input", {id:"cbox", type:"checkbox"}, widgetNode); 
    lbl = dojo.create("label", {innerHTML:"Check me", "for":"cbox"}, widgetNode); 
    dojo.style(lbl, "marginLeft", ".5em"); 
var cbWidget = new dijit.form.CheckBox({}, chk); 
    cbWidget.startup(); 
    cbWidget.domNode.appendChild(lbl); 
dojo.place(cbWidget.domNode, "container"); 
}); 

Answer 1

我通常會將複選框放在標籤內，而不是使用for="zzz"語法。只是有點容易。我認爲獲得你想要的最簡單的方法是包括一個dijit theme。包括像Claro這樣的主題之一會自動將樣式設置爲內聯複選框。示例：http://jsbin.com/fusijoc/1/edit?html,js,output