脚本一:
//重置下标(可以修改成自己所需要的脚本) function ReSetBoxOrder() { var q = 0;//下标值 var a = 0;//暂未用到 //循环当前tbody下的所有tr $("#DetailTbody").find("tr").each(function () { //循环tr中的td $(this).find("td").each(function () { //循环td中的input $(this).find("input").each(function () { var tdorder = $(this).attr("orderby"); //获取修改之前的name var oldnames = $(this).attr("name"); //拼接一个新的name var newtdnames = oldnames.substring(0, oldnames.indexOf("[") + 1) + q + oldnames.substring(oldnames.indexOf("]")); //重新指定name $(this).attr("name", newtdnames); if (tdorder == "mp2") { $(this).val(q + 1); } a++; }); }); q++; a = 0; }); }
脚本二:
//实现51job的行业选择功能,样式和页面数据用的都是51的,只有脚本是自己写的。职能选择相差不大,可自行修改 <script type="text/javascript"> //点击确认关闭 $(function () { $("body div span").click(function () { $("body div").hide(); }); }); var num = 0; function tdClick(obj){ var tdID = $(obj).children().attr("id");//获取点击位置td的ID,用以作为已选行业的class if ($(obj).find("input[type='checkbox']").PRop("checked")) { $(obj).find("input[type='checkbox']").removeAttr("checked"); //删除已选行业 num = num-1; $("#selectNu").find("."+tdID+"").remove("."+tdID+""); } else { num = num+1; if(num <= 5){ $(obj).find("input[type='checkbox']").attr("checked", "checked"); //添加已选行业 $("#tdSelect").append("<span style='width:230px;display:inline-block;cursor: pointer;' class='"+tdID+"' onclick='selectChkNon(this)'><input type='checkbox' checked='checked' name='' onclick='selectChkNon(this)' />" + $(obj).text()) + "</span>"; }else{ num = 5; alert("最多选择五项!"); } } } function chkClick(obj,event){ var tdID = $(obj).attr("id");//获取点击chk的td的ID,用以作为已选行业的class var flag = $(obj).prop("checked"); if (!flag) { $(obj).removeAttr("checked"); //删除已选行业 num = num - 1; $("#selectNu").find("."+tdID+"").remove("."+tdID+""); } else { num = num + 1; if(num <= 5){ $(obj).attr("checked", "checked"); //添加已选行业 $("#tdSelect").append("<span style='width:230px;display:inline-block;cursor: pointer;' class='"+tdID+"' onclick='selectChkNon(this)'><input type='checkbox' checked='checked' name='' onclick='selectChkNon(this)' />" + $(obj).parent().text()) + "</span>"; }else{ num = 5; $(obj).removeAttr("checked"); alert("最多选择五项!"); } } event.stopPropagation();//防止事件冒泡 } //点击已选行业取消 function selectChkNon(obj){ num = num - 1; var spanClass = $(obj).attr("class");//获取点击的class,class为行业的ID $("#selectNu").find("."+spanClass+"").remove("."+spanClass+""); $(".bgGray").find("#"+spanClass+"").removeAttr("checked"); } </script><div class="jobLayer" style="border: 0px; background-color: rgb(255, 255, 255); z-index: 1111; position: absolute; visibility: visible; display: block; top: 69px; left: 235px;"> <table border="0" cellpadding="0" cellspacing="0" style="font-size: 12px; "> <tr class="title" style="cursor: move;"> <td colspan="4"> <img alt="" src="http://img01.51jobcdn.com/im/2009/search/title_layer_yd.gif" /><span> 请选择行业类别(您最多能选择5项)</span> <span class="ccType"><span cctype="confirm" style="cursor: pointer;">[确认]</span><span></span></span> </td> </tr> <tbody> <tr id="selectNu"> <td class="bigOrange" rowspan="1"> 已选行业: </td> <td colspan='3' id="tdSelect" style="width:700px;"></td> </tr> <tr> <td colspan="4" class="jlSeprator"> </td> </tr> <tr class="bgGray"> <td rowspan="3" class="bigOrange"> 计算机/互联网/通信/电子: </td> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)"> <input type="checkbox" name="" id="comSoftware" onclick="chkClick(this,event)"/>计算机软件 </td> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)"> <input type="checkbox" name="" id="comYing" onclick="chkClick(this,event)" />计算机硬件 </td> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)"> <input type="checkbox" name="" id="comService" onclick="chkClick(this,event)" />计算机服务(系统、数据服务、维修) </td> </tr> <tr class="bgGray"> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)" > <input type="checkbox" name="" id="tongxin" onclick="chkClick(this,event)" />通信/电信/网络设备 </td> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)"> <input type="checkbox" name="" id="zengzhi" onclick="chkClick(this,event)" />通信/电信运营、增值服务 </td> <td class="zz_51Lower bgGray" style="cursor: pointer; padding-right: 15px;" onclick="tdClick(this)"> <input type="checkbox" name="" id="comShop" onclick="chkClick(this,event)" />互联网/电子商务 </td> </tr></tbody></table></div>
新闻热点
疑难解答