opcec 2015-08-03 02:37 采纳率: 75%
浏览 2307
已采纳

淘宝发布宝贝宝贝规格js单击颜色分类自动生成table 项目今天要上线了，请务必帮忙解决谢谢

图片说明
需求：点击一个单选框出现表单 每增加一个下边就添加一个 以此类推 动态添加表单
http://jsbin.com/nejoqulipe/edit?html,output这是在线demo 这是我的邮箱529865274@qq.com，请及时联系我

  • 写回答

2条回答 默认 最新

  • danielinbiti 2015-08-03 03:33
    关注
    类似下面这样
<!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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 怎样才能让鼠标沿着线条的中心线轨迹移动
  • ¥60 用visual studio编写程序，利用间接平差求解水准网
  • ¥15 Llama如何调用shell或者Python
  • ¥20 谁能帮我挨个解读这个php语言编的代码什么意思？
  • ¥15 win10权限管理，限制普通用户使用删除功能
  • ¥15 minnio内存占用过大，内存没被回收（Windows环境）
  • ¥65 抖音咸鱼付款链接转码支付宝
  • ¥15 ubuntu22.04上安装ursim-3.15.8.106339遇到的问题
  • ¥15 blast算法（相关搜索：数据库）
  • ¥15 请问有人会紧聚焦相关的matlab知识嘛？