我有一个复核页面,每条记录对应的前面是复选框,复选框名字相同,如今我想要把选中的复选框复核,剩余的没被选中的呢就删除掉,这个步骤该怎么实现呢,谢谢各位看一下,给点意见

解决方案 »

  1.   

    获取所有的复选框,然后进行遍历。判断checked==false;就是没选重的,然后remove掉.如果跟数据库有关联,就获取所有这些没有选择的值,传到数据库进行删除操作。希望对楼主有点帮助。
      

  2.   

    <body>
        <div>
            <table>
                <tr>
                    <td>
                        <input type="checkbox" value="1" name="wo">a
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" value="2" name="wo">b
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" value="3" name="wo">c
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" value="4" name="wo">d
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" value="5" name="wo">e
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" value="6" name="wo">f
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" value="删除" id="del">
                    </td>
                </tr>
            </table>
        </div>
    </body>
    </html>
    <script>
        $(function () {
            $("#del").bind("click", function () {
                var selectedStr = "";
                $("input[type='checkbox'][name='wo']").each(function () {
                    //获取未选择的值(value)
                    if ($(this).attr("checked") == false) {
                        //alert($(this).val());
                        //获取所有的值,然后将获取的值,传到后台进行删除操作。然后刷新页面就可以了。
                        selectedStr += $(this).val() + ",";                    //直接删除页面上的控件,但是网页刷新后恢复、
                        $(this).remove("input[type='checkbox'][name='wo'][value='" + $(this).val() + "']");
                    }
                    alert(selectedStr);
                    // $(this).attr("checked", true);
                });
            })
        })
    </script>
    希望对楼主有启发