js循环添加图片并判断添加的次数,每点击一次“添加”按钮就添加一个input框。

如图所示：

js循环添加标签并判断添加的次数_js循环添加


js循环添加标签并判断添加的次数_js循环添加_02

HTML：


<tr class="pht1">
  <td class="td1">上传图片：</td>
  <td>
   <div>
     <input type="file" name="photos[]"/>
     <a href="javascript:void(0)" οnclick="showPhoto(this)">添加</a>
   </div>
  </td>
</tr>


JS: 


function showPhoto(dom){
        var pv=$(dom).parent();
        if(pv.children("div").length<2){
            var str="<div>" +
                    "<input type='file' name='photos[]'/>" +
                    "<a style='margin: 0 58px;' href='javascript:void(0)' οnclick='hiddentPhoto(this)'>删除</a> " +
                    "</div>";
            pv.append(str);
        }else{
            alert("最多可上传3张图片");
        }
    }
    function hiddentPhoto(dom){
        $(dom).parent().remove();
    }