如何用js动态生成checkboxList

Question

机动车道步行道非机动车道盲道混行道其它

<td colspan="3" class="clearWidth" style="text-align:left;">
<span id="ctl00_cphDisplay_cblstPosition" onclick="checkSelectCount(this);"><input id="ctl00_cphDisplay_cblstPosition_0" type="checkbox" name="ctl00$cphDisplay$cblstPosition$0"><label for="ctl00_cphDisplay_cblstPosition_0">机动车道</label><input id="ctl00_cphDisplay_cblstPosition_1" type="checkbox" name="ctl00$cphDisplay$cblstPosition$1"><label for="ctl00_cphDisplay_cblstPosition_1">步行道</label><input id="ctl00_cphDisplay_cblstPosition_2" type="checkbox" name="ctl00$cphDisplay$cblstPosition$2"><label for="ctl00_cphDisplay_cblstPosition_2">非机动车道</label><input id="ctl00_cphDisplay_cblstPosition_3" type="checkbox" name="ctl00$cphDisplay$cblstPosition$3"><label for="ctl00_cphDisplay_cblstPosition_3">盲道</label><input id="ctl00_cphDisplay_cblstPosition_4" type="checkbox" name="ctl00$cphDisplay$cblstPosition$4"><label for="ctl00_cphDisplay_cblstPosition_4">混行道</label><input id="ctl00_cphDisplay_cblstPosition_5" type="checkbox" name="ctl00$cphDisplay$cblstPosition$5"><label for="ctl00_cphDisplay_cblstPosition_5">其它</label></span>
</td>

Answer 1

其实checkboxlist 不就是一些 check 和 label的组合体吗？ 既然有了这些还不就好操作了？