php数组区分名称传值问题

大家好，我想实现，当页面第一次展现的时候，点击radio或者 checkbox的时候下面会出现text且第一次text旁边会出现添加按钮，当点击添加按钮的时候会在下面出现text旁边的删除按钮，继续点击添加按钮的话，下面会继续出现text和删除按钮，当点击删除按钮的时候，该删除按钮以及这个删除按钮旁边的text也要消失。当点击Textbox的radio的时候只是选中Textbox的状态即可。但我下面写的代码有很多地方没有写好，比如html代码中那个select[]这个写的对不对，因为js代码里clone了很多地方，所以名字会一样，这样radio就只能选一个了，所以想用数组来实现区分各个的名字，但不会写，要区分各个的radio以及text。请各位帮帮忙，谢谢！html代码
<table class="formTable">
<tbody>
<tr>
<th><input type="checkbox">{=_('标题')}</th>
<td colspan="3" class="length"><input type="text" name="title" value="" ></td>
</tr>
<tr> 
<th>{=_('内容')}</th>
<td colspan="3">
<input type="radio" id="textbox" name="select[]" value="1"> Textbox
<input type="radio" id="radio"   name="select[]" value="2"> radio button
<input type="radio" id="checkbox" name="select[]" value="3"> checkbox
<br> 
</td>
</tr>
</tbody>
</table>
<br>
<div class="edit">
<button class="btn" id="add">继续</button>
</div>js代码
(function($){
$(document).ready(function(){

var title = $(':input[name=title]');

$('input[name=textbox]').click(function(){
});

$('#radio').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.btn_radio_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button class="btn_radio_opt">추가</button></span>');
}
$('.btn_radio_opt').click(function(){
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="radio" value=""><button class="btn_radio_del_opt">삭제</button></span>');
});
$('.btn_radio_del_opt').click(function(){

});
});

$('#checkbox').click(function(){
var tr_last = $('.formTable tbody tr td').eq(1);
if($('.btn_checkbox_opt').length < 1)
{
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button class="btn_checkbox_opt">添加</button></span>');
}

$('.btn_checkbox_opt').click(function(){
$(tr_last).append('<span style="display:block;margin-top:5px"><input type="text" name="checkbox" value=""><button class="btn_checkbox_opt">删除</button></span>');
});

});

$('#add').click(function(){
var tr_last = $('.formTable tbody tr:last');
$(tr_last).after($('.formTable tbody tr').eq(1).clone()).after($('.formTable tbody tr').eq(0).clone());
$('.formTable tbody tr').eq(0).find(':text[name="title"]').val("");
$('.formTable tbody tr').eq(1).find('.btn_radio_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_radio_del_opt').remove();
$('.formTable tbody tr').eq(1).find('.btn_checkbox_opt').remove();
$('.formTable tbody tr').eq(1).find(':text[name="radio"]').remove();
$('.formTable tbody tr').eq(1).find(':text[name="checkbox"]').remove();
});
$('#popup>thead>tr>td>span>a.save').click(function(){

var frm = $('form[name=userinfo]');
var url = '/hr/survey/insert';
if($(frm).find(':hidden[name=user_seq]').val() > 0)
{
url = '/hr/survey/update';
}
$(frm).attr('action', url);
$(frm).submit();
});
});
})(jQuery);