<html>
<head>
<title>jQuery example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<h1>STORYBOARD</h1>
<script type="text/javascript">
$(document).ready(function(){
var i=0;
var counter = 0;
var counter1 =0;
var counter2 =0;
var counter3 =0;
var counter4 =0;
var inputs = new Array();
var $type,$name, $label;
$("#txt").click(function(){
counter++;
var $ctrl = $('<input/>').attr({ type: 'text', name:'text'+counter, value:'text'+counter,id:'tx' + counter}).addClass("text" + counter);
var $del = $('<input/>').attr({ type: 'button', name:'btn1',value:'x',id:'bx'+ counter }).addClass("btn" + counter);
$("#holder").append($ctrl);
$("#holder").append($del);
inputs.push(['text','text'+counter,'tx'+counter]);
i++;
$("#bx" + counter ).click(function () {
$("#tx" + counter).remove();
$("#bx" + counter).remove();
counter --;
});
});
$("#chk").click(function(){
counter1 ++;
var $ctrl = $('<input/>').attr({ type: 'checkbox', name:'checkbox'+counter1, id:'ck' + counter1}).addClass("chk");
var $del = $('<input/>').attr({ type: 'button', name:'btn1',value:'x',id:'bx1' +counter1}).addClass("btn" + counter1);
$("#holder").append($ctrl);
$("#holder").append($del);
inputs.push(['checkbox','checkbox'+counter1,'ck'+counter1]);
i++;
$("#bx1" + counter1 ).click(function () {
$("#ck" + counter1).remove();
$("#bx1" + counter1).remove();
counter1 --;
});
});
$("#rad").click(function(){
counter2 ++;
var $ctrl = $('<input/>').attr({ type: 'radio', name:'radio' +counter2, id:'rd' + counter2}).addClass("rad");
var $del = $('<input/>').attr({ type: 'button', name:'btn1',value:'x',id:'bx2' +counter2}).addClass("btn" +counter2);
$("#holder").append($ctrl);
$("#holder").append($del);
inputs.push(['radio','radio'+counter2,'rd'+counter2]);
i++;
$("#bx2" + counter2 ).click(function () {
$("#rd" + counter2).remove();
$("#bx2" + counter2).remove();
counter2 --;
});
});
$("#btn").click(function(){
counter3 ++;
var $ctrl = $('<input/>').attr({ type: 'button', name:'button' +counter3,value:'Button', id:'bt' + counter3 }).addClass("btn");
var $del = $('<input/>').attr({ type: 'button', name:'btn1',value:'x', id:'bx3' +counter3}).addClass("btn" +counter3);
$("#holder").append($ctrl);
$("#holder").append($del);
inputs.push(['button','button'+counter3,'bt'+counter3]);
i++;
<html>
<head>
<title>jQuery example</title>
<s
阅读背景：
我想将通过按下按钮创建的数组转换为json？
来源：互联网
分享到：
