JS一些应用脚本

脚本一：

 //重置下标（可以修改成自己所需要的脚本）

    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>&nbsp;请选择行业类别（您最多能选择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>