勾选类型显示对应描述并输入值(输入框为必填)

这里写图片描述

Js
    function submitError() {
       var HTML = "";
       HTML += "<input type='hidden' name='ecp_type' value='170'/>";
       HTML += "<div><div style='float:left;'>异常件类型:&nbsp;&nbsp;&nbsp;</div><div style='float:left;width: 380px;'><ul><li><input type='checkbox' name='exception_check' value='尺寸不符' onclick='isShow(0);' id='isShow0'>尺寸不符</li><li><input type='checkbox' name='exception_check' value='颜色不符' onclick='isShow(1);' id='isShow1'>颜色不符</li><li><input type='checkbox' name='exception_check' value='图案/印字不符' onclick='isShow(2);' id='isShow2'>图案/印字不符</li><li><input type='checkbox' name='exception_check' value='外观不符' onclick='isShow(3);' id='isShow3'>外观不符</li><li><input type='checkbox' name='exception_check' value='材质不符' onclick='isShow(4);' id='isShow4'>材质不符</li><li><input type='checkbox' name='exception_check' value='包装不合要求' onclick='isShow(5);' id='isShow5'>包装不合要求</li><li><input type='checkbox' name='exception_check' value='少配件' onclick='isShow(6);' id='isShow6'>少配件</li><li><input type='checkbox' name='exception_check' value='多货' onclick='isShow(7);' id='isShow7'>多货</li><li><input type='checkbox' name='exception_check' value='属性异常' onclick='isShow(8);' id='isShow8'>属性异常</li></ul></div><div style='clear:both'></div></div><br/><br/>";
       HTML += "<div>请输入客户ID:&nbsp;&nbsp;&nbsp;<input style='width:304px'  name='consumerid' type='text' value='" + $("[name='consumer_id']").val() + "'></input></div><br/>";
       if ($.inArray($("[name='warehouse_id']").val(), ["9", "11", "13", "14"]) != -1) {
           HTML += "<div>采购员:<input style='width: 400px'  name='purchaserName' type='text' value='" + $("[name='purchaser']").val() + "'></div><br/>";
       }
       HTML += "<div><span style='display: table-cell;vertical-align: top'><div style='width: 50px; margin-left: 36px'>Image:</div><div style='width: 80px;'><button class='uploadFile'>上传图片</button></div></span><span id='exceptionImg' style='display: table-cell'></span></div><br>"
       HTML += "<div style='text-align: center'><input type='button' name='save' value='保存' onclick='create();'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
               "<input type='button' name='checkErrList' value='查看已创建的异常订单' onclick='checkErrList()'></div>";
       $("#qcDesc").html(HTML).dialog({title: "质检异常描述", autoOpen: true, width: 500});
   }

   //选择异常件类型,备注框显示出相应的可供填写的输入栏
   function isShow(int) {
       var str = "", str2 = "", HTML = "";
       switch (int) {
           case 0:
               str = "来货尺寸为:";
               break;
           case 1:
               str = "来货颜色为:";
               break;
           case 2:
               str = "来货图案、印字为:";
               break;
           case 3:
               str = "来货外观为:";
               break;
           case 4:
               str = "来货材质为:";
               break;
           case 5:
               str = "来货包装为:";
               break;
           case 6:
               str = "来货少配件:";
               break;
           case 7:
               str = "多货 ID:";
               str2 = "数量:";
               break;
           case 8:
               str = "来货属性为:";
               break;
       }
       if ($("#isShow" + int).is(":checked")) {
           if (str2) {
               HTML = "<span style='float: right;'>" + str + "<input type='text' value='' style='width: 120px;'></span><span style='float: right;'>" + str2 + "<input type='text' value='' style='width: 120px;'></span>";
           } else {
               HTML = "<span style='float: right;'>" + str + "<input type='text' value='' style='width: 120px;'></span>";
           }
           $("#isShow" + int).parent().append(HTML);
       } else {
           $("#isShow" + int).attr("checked", false);
           $("#isShow" + int).parent().find("span").remove();
       }
   }

   function create() {
       var ecp_desc = "", is = false;
       //循环 span
       $("input[name='exception_check']:checked").each(function () {
           var parent = $(this).parent().find("span");
           $(parent).each(function () {
               var describe = $(this).find("input[type='text']");
               //循环 input
               for (var i = 0; i < describe.length; i++) {
                   var value = $(describe[i]).val();
                   if (value) {
                       ecp_desc += $(this).text() + value + ";";
                   } else {
                       is = true;
                   }
               }
           });
       });
       if (is) {
           alertTip("勾选后输入框为必填项!");
           return false;
       }
   }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值