html,删除复选框选中的内容

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/i_yjn/article/details/46582807

       首先是选中复选框,可以自己单击一个个的选,这个就不用多说了吧!也可以批量操作,如用全选按钮,主要是设置复选框的.checked值。可以通过调用javascript函数来实现。 方法如下:

         复选框的定义:<input id="id" name="dept" type='checkbox' >

          按钮的定义:<input type='button' value='全选' onClick='sltAll("dept")' name='button1'>(onclick指向的函数要用单引号)

          javascript里全选函数的实现:

         <script language="javascript">
         function sltAll(field)

       {
               field = document.getElementsByName(field)
       
                f or(i=0;i<field.length;i++)
                 {
                        field[i].checked = true;
                 }            
           }

          </script>

        选中以后接下来就是删除了。删除的一般是跟数据库连接的内容,要删除这些数据实际上就是根据选中的内容对数据库进行相应的delete操作。例如想要删除下面形式复选框选中的内容

     

         界面中的数据都是从一个数据库表里来的。

         复选框设置为:<input id=<%=typeId%> name="dept" type='checkbox' >,复选框的id是我从表里查询来的,即typeId。typeId是表的主键,每个typeId都唯一对应着表里的一列!所以要删除相应的列只要找到typeId就行了。

          删除按钮:<input type="submit" value="删除" name="tijiao" onClick='SelectCheckbox("dept",this.form)'>

          表单设置:<form name="form1" method="post" action="">

          javascript函数

          function SelectCheckbox(name,forml){
              var s=false;
              var boarId,n=0;
             var strid,strurl;
             name=document.getElementsByName(name)
            for(i=0;i<name.length;i++)
        {
              if(name[i].checked){
               n=n+1;
               s=true;
                boarId=name[i].id+"";
   
                if(n==1){
                   strid=boarId;
               }
               else {
                    strid=strid+","+boarId;
             }
         }
     }
           strurl="URL.jsp?id="+strid;
            if(!s){
               alert("请选择要删除的分类!");
                 return false;
                }
           if(confirm("你确定要删除这些分类吗?")){
       
             forml.action=strurl;
                forml.submit();
           }
  }    
 
</script> 

          按下”submit“按钮时,先根据onclick调用SelectCheckbox("dept",this.form)函数,传入的两个参数第一个是复选框的name属性名,第二个是表单对象。函数先找到所有的复选框,检查复选框是否选中,若选中则获取复选框的id值(实际为表中的编号!),并转换成字符的形式存到stride变量中。实际上选中stride最终会变为“编号1,编号2,编号3......”,这样就以字符的形式将所有要删除的I列的d号都保存到strid变量里了。接下来就是向其他网页传递要删除数据的编号了。forml的action属性指向要转到的URL,forml的submit()方法执行submit操作!这样就把要删的id都以字符的形式根据表单传到另一个页面了,可根据以下语句接收

         String s=request.getParameter("id");




猜你喜欢

转载自blog.csdn.net/i_yjn/article/details/46582807