如何隔离我的复选框和与之关联的文本

Question

我有这些使用javascript函数创建的复选框：

我希望文本显示在复选框的右侧，并且所有文本都在一行上。

这是javascript函数和html：

function receiveAnswer(response) {
//  var aSeats = document.getElementById("aSeats");
//    aSeats.options.length = 0;// clear it out
//
//   for (var i = 0; i < response.aSeats.length; i++) { // add the items back in
//    var option = aSeats.appendChild(document.createElement("option"));
//    option.value = i;
//    option.appendChild(document.createTextNode(response.aSeats[i]));
//  }

  var aSeats = document.getElementById("aSeats");
    while (aSeats.childNodes.length > 0) { // clear it out
    aSeats.removeChild(aSeats.childNodes[0]);
  }

   for (var i = 0; i < response.aSeats.length; i++) { // add the items back in
    var input = aSeats.appendChild(document.createElement("input"));
    input.value = i;
    input.type = "checkbox";
    var br = aSeats.appendChild(document.createElement("br"));
    input.appendChild(document.createTextNode(response.aSeats[i]));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
  }
}

html代码：

<div name="aSeats" id="aSeats">
    <input type="checkbox">
</div>

Answer 1

为什么不使用jQuery。

检查工作示例http://jsfiddle.net/FxgYz/

Answer 2

创建一个单独的div来放置文本并将div放在输入框的侧面，如：

var div = document.createElement("div");
div.style.width = 100;
div.innerHTML = text;
etc.