jquery点击一个按钮动态生成一组能删除的input框

最新推荐文章于 2023-03-08 14:46:38 发布

浅醉丶离殇

最新推荐文章于 2023-03-08 14:46:38 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_39218765/article/details/79982342

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  var spotMax = 5;
  if($('div.spot').size() >= spotMax) {$(obj).hide();}
  $("input#add").click(function(){     addSpot(this, spotMax);
  });
});

function addSpot(obj, sm) {
$('div#spots').append(
    '<div class="spot">' + 
    '乘客：<input type="text" name="ckname" /> ' +
    '身份证：<input type="text" name="identification" />  ' +
    '<input type="button" class="remove" value="Delete" /></div>')
  .find("input.remove").click(function(){
    $(this).parent().remove();
    $('input#add').show();
    document.all.num.value=$('div.spot').size();
  });

    document.all.num.value=$('div.spot').size();
  if($('div.spot').size() >= sm) {$(obj).hide();}
};
</script>
</head>

<body>
<form action="index.html" method="post"  name="asdf" id="asdf">
  <div id="spots">
    <input type="button" id="add" name="add" value="add" /><br />
  </div>
  <input type="button" name="Submit" value="Submit" id="send" /><br />
  购买票数:<input name="num" type="text" value="0" readonly="readonly" />
</form>

<script>
    $(function(){
        document.all.num.value=$('div.spot').size();
    });
  $('#send').click(function(){
  alert($('div.spot').size());
});
</script>
</body>
</html>

浅醉丶离殇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery点击一个按钮动态生成一组能删除的input框

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;&lt;title&gt;&lt;/title&gt;&lt;script src="js/jquery-1
复制链接

扫一扫