qq_35427872 2017-03-27 09:49 采纳率: 0%
浏览 882
已采纳

关于前端的逻辑代码 选项框问题 小白问题 大神救急

图片说明

就是这种选项框 当小于4个框时 可以点“添加选项”增加一个选项框 也可以删除选项框 (选项框中的如“选项编号要自动变化”)

×

        <input type="radio" value="" name="da1">
        <label><p class="q_inp fl ml10"><input type="text" placeholder="选项二" class="input" value="" name="inp"><i><input type="file" value="" name="" class="file_inp3"></i><a href="#" class="close">×</a></p></label>

        <input type="radio" value="" name="da1">
        <label><p class="q_inp fl ml10"><input type="text" placeholder="选项三" class="input" value="" name="inp"><i><input type="file" value="" name="" class="file_inp3"></i><a href="#" class="close">×</a></p></label>

        <input type="radio" value="" name="da1">
        <label><p class="q_inp fl ml10"><input type="text" placeholder="选项四" class="input" value="" name="inp"><i><input type="file" value="" name="" class="file_inp3"></i><a href="#" class="close">×</a></p></label>
  • 写回答

2条回答 默认 最新

  • 萧逸才 2017-03-27 10:28
    关注

    <!DOCTYPE html>





    ×


    添加

    var zhCNIndexs = ["一", "二", "三", "四"]; function add(btn) { var $inputs = $("input[name=inp]"); if ($inputs.length >= 4) { alert("不给添加了"); return; } $("#box").append('<input type="radio" value="" name="da1"> <label><p class="q_inp fl ml10"><input type="text" placeholder="选项' + zhCNIndexs[$inputs.length] + '" class="input" value="" name="inp"><i><input type="file" value="" name="" class="file_inp3"></i><a href="javascript:void(0);" onclick="remove(this);" class="close">×</a></p></label>'); } function remove(btn) { if ($("input[name=inp]").length == 1) { alert("不给删除了"); return; } var $labelObj = $(btn).parent().parent(); console.log($labelObj.html()); $labelObj.prev().remove(); $labelObj.remove(); $("input[name=inp]").each(function (i, o) { $(o).attr("placeholder", "选项" + zhCNIndexs[i]); }); }

    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 arcgis中更新地理配准后几个图层分离怎么解决?
  • ¥15 想请教大家关于机器学习的问题
  • ¥15 虚幻UE保存Actor位置失败
  • ¥15 多个.nii合并为.nii.gz格式
  • ¥50 现在需要统计2023年全年 “签收时间(qssj)” 到 “提交时间(tjsj)” 小于半小时的业务量,但是要排除掉周末的时间,同时还要排除中午休息的时间。
  • ¥50 opencv模板匹配为何图像差别大仍然匹配数值高?
  • ¥15 如何成功完成主菜单和分菜单的代码编程C++
  • ¥15 怎样采集或者其它途径拿到全国最新个体工商户数据
  • ¥20 我是一名大学生,想学习java是自学还是报培训班呢
  • ¥15 pycharm该如何爬取网易云歌曲下的评论?