需求：點擊一個單選框出現表單 每增加一個下邊就添加一個 以此類推 動態添加表單
http://jsbin.com/nejoqulipe/edit?html,output這是在線demo 這是我的郵箱[email protected]，請及時聯系我
類似下面這樣
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script>
$(document).ready(function(){
$("input[type=checkbox]",$('#divchks')).click(function(){
doTable();
});
});
function doTable(flag){
var checks= $("input[type=checkbox]:checked",$('#divchks'));
if(checks.length>0){
var t = $('#divtable table');
if(t.length<=0){
$('#divtable').append('<table border="1"></table>');
}
addRows(checks);
}else{
$('#divtable table').remove();
}
}
function addRows($checks){
var t = $('#divtable table');
var $trs = $('tr',t);
for(var i=$trs.length-1;i<$checks.length;i++){
$('#divtable table').append('<tr><td></td><td></td></tr>');
}
$trs = $('tr',t);
for(i=$checks.length;i<$trs.length;i++){
$($trs[i]).remove();
}
$trs = $('tr',t);
for(var j=0;j<$checks.length;j++){
$('td:first',$($trs[j])).html($checks[j].value);
}
}
</script>
</head>
<body>
<div id='divchks'>
<input type='checkbox' value='軍綠色'/>軍綠色
<input type='checkbox' value='天藍色'/>天藍色
<input type='checkbox' value='黃色'/>黃色
</div>
<div id='divtable'></div>
</body>
</html>
