复选框动态创建jquery

时间:2012-06-27 02:59:38

标签: jquery html

如何为jquery创建多个复选框以识别它?

示例我有一个html页面 这是调用new.html

<div id =new> <input type=checkbox"></div>

在create.html上 我想使用jquery加载多个复选框

<div id=load> <div>
$("#load).load(new.html)

所以,如果我使用for循环循环10次以创建10复选框,我如何唯一地识别每个复选框?

for(var i = 0;i<10;i++){
$("#load).load(new.html)}

1 个答案:

答案 0 :(得分:1)

为它们提供唯一ID,将标记缓存在变量中并最后附加所有内容以获得最佳性能。

var inputs = [], i
for(i = 0; i < 10; i++)
  inputs.push('<input type="checkbox" id="ck'+ i +'"/>')
$('#load').append(inputs.join(''))

修改
助手功能:

var makeCkBoxes = function (n) {
  var inputs = [], i
  for(i = 0; i < n; i++)
    inputs.push('<input type="checkbox" id="ck'+ i +'"')
  return inputs.join('')  
}

$('#load').append(makeCkBoxes(10))