`
Virgo_S
  • 浏览: 1154097 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS 实现全选、全不选、反选

    博客分类:
  • JS
阅读更多
function selectAll(){   
            var selectall=document.getElementById("selectall");   
            var checkboxid=document.getElementsByName("checkboxid");   
            if(selectall.checked==true){   
                for(var i=0;i<checkboxid.length;i++){   
                    checkboxid[i].checked=true;   
                }   
            }else{   
                for(var i=0;i<checkboxid.length;i++){   
                    checkboxid[i].checked=false;   
                }   
            }   
               
        }  



function selectAll() 
{ 
    var th=document.userform; 
    for(var i=0;i<th.elements.length;i++) 
    { 
        var o=th.elements[i]; 
        if(o.name=="ids") 
        { 
            o.checked=true; 
        } 
    } 

} 



function noselectAll() 
{ 
    var th=document.userform; 
    for(var i=0;i<th.elements.length;i++) 
    { 
        var o=th.elements[i]; 
        if(o.name="ids") 
        { 
            o.checked=false; 
        } 
    } 
} 


//下面是获取复选框的个数的函数

function getselectcount() 
{ 
    var th=document.userform; 
    var count=0; 
    for(var i=0;i<th.elements.length;i++) 
    { 
        var o=th.elements[i]; 
        if(o.name=="ids" && o.checked) 
        { 
            count++; 
        } 
    } 
    return count; 
} 



//下面是获得复选框的值.这里返回的是一个ID值

function getselectvalue() 
{ 
    var th=document.userform; 
    for(var i=0;i<th.elements.length;i++) 
    { 
        var o=th.elements[i]; 
        if(o.name="ids" && o.checked) 
        { 
            return o.value; 
        } 
    } 
} 




//下面是删除的函数.
function del()
{
var th=document.userform;
if(getselectcount<1)
{
alert("至少选择一项删除!");
return;
}
th.action="<%=path%>/servlet/UserAction";//这里是我要跳转到另一个ACTION执行删除.
th.action_flag.value="delete"
//这句在ACTION可以获得这个值进行删除!
th.submit();
}

//下面是执行查询的函数...这个基本上和删除的函数一样.
function searchuserManager()
{
var th=document.userform;
th.action="<%=path%>/servlet/UserAction";
th.action_flag.value="search";
th.submit();
}
下面是进行修改的函数.
function update()
{
var th=document.userform;
if(getselectcount>1)
{
alert("只能选择一项进行修改!你多选择了!");
}
if(getselectcount<1)
{
alert("只能选择一项进行修改!你少选择了!");
}
th.action_flag.value="openupdate";
th.action="<%=path%>/servlet/UserAction";
th.userid.value=getselectvalue();
//这里通过返回的ID值进行查询修改..
th.submit();
}
</script>

下面是函数的调用 .

修改的调:
<a href="javascript:update();"><img alt="修改用户" src='<%=path%>/image/images/button/bt_modify.gif' border="0"></a>
删除的调用:
<a href="javascript:del();"><img alt="删除用户" src='<%=path%>/image/images/button/bt_del.gif' border="0"></a>
全选和取消的调用:
<a href="javascript:noselectAll();">取消</a>/<a href="javascript:selectAll();">全选</a></td>
*********************************************************************
添加的表单名称为adduserform;
有一个隐藏域:
<input type="hidden" name="action_flag" value="">
添加的函数:
function doSubmit()
{
var th=document.adduserform;
if(th.username.value=="")
{
alert("用户名不能为空!!!");
return;
}
if(th.password.value=="")
{
alert("密码不能为空!!!");
return;
}
th.action_flag.value="add";
//通过add进行调用.
th.submit();
}
调用这个添加的函数:后面是用图片!
<a href="javascript:doSubmit()"><img alt="提交" src='<%=path%>/image/images/button/bt_tijiao.gif' border="0"></a>
*********************************************************************
返回页面的函数:
function doBack()
{
window.location.href="<%=path%>/servlet/UserAction?action_flag=list";
//这个href后面是指的一个url
}
//在返回的图片中调用这个函数.
<a href="javascript:doBack()"><img alt="返回" src='<%=path%>/image/images/button/bt_back.gif' border="0"></a>
分享到:
评论

相关推荐

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    jquery 实现全选,全不选,反选,获取选中的值

    综上所述,使用 jQuery 实现全选、全不选、反选以及获取选中值的功能是相当直观和简单的。通过绑定事件处理器,我们可以轻松地响应用户的交互,动态地更新页面状态。结合 HTML 结构和适当的 CSS 样式,可以创建出...

    JS实现全选反选全不选

    JS实现全选反选全不选

    js多选框 全选 全不选 反选

    js多选框设计 有全选 全不选 反选等功能

    全选全不选反选查看选择的内容

    使用Jquery编写的全选全不选反选功能,代码简洁,通俗易懂。。。

    简单js实现全选全部选反选效果

    以上就是使用JavaScript实现全选和反选功能的基本方法。在实际应用中,可能还需要考虑更多细节,如处理异步加载的数据、兼容不同浏览器等。通过不断学习和实践,你可以熟练掌握这些技巧,提高网页的交互性和用户体验...

    Js/Jquery 实现checkbox全选,反选,全不选

    本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先,我们需要理解HTML中的复选框元素`&lt;input type="checkbox"&gt;`,它允许用户在一组选项中进行多选。为了实现全选、反选和全不选的...

    全选 全不选 反选

    在IT领域,尤其是在网页开发中,...总结来说,"全选、全不选、反选"是提高用户在网页上操作复选框效率的重要功能,使用jQuery可以方便地实现这些功能。在实际项目中,理解并熟练运用这些方法对于提升用户体验至关重要。

    JS实现全选、反选

    JS JS实现全选反选 全选 反选

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    javaScript实复选框的全选,全不选,反选

    javaScript入门案例之复选框全选,全不选,反选

    jquery实现全选和反选小功能

    很好用的使用jquery来实现的通用的全选反选功能

    js实现全选和反选功能

    在JavaScript中,全选和反选...总的来说,通过JavaScript实现全选和反选功能并不复杂,关键在于正确地获取和操作复选框的`checked`属性。了解这些基础知识后,你可以灵活地应用在各种Web项目中,提高用户的交互体验。

    jQuery对checkbox 复选框的全选全不选反选的操作

    使用jQuery处理复选框可以非常方便地实现全选、全不选、反选等操作。以下是对上述文档中关于复选框全选全不选反选操作的知识点的详细解读。 ### HTML代码结构 文档中给出了一个复选框列表的HTML结构,包括几个选项...

    JS实现的全选、全不选及反选功能【案例】

    总结来说,实现JS的全选、全不选和反选功能的关键在于理解DOM操作、事件监听以及属性的动态修改。通过这些基础概念,我们可以轻松地处理用户交互,提高网站或应用程序的用户体验。在实际开发中,这种功能广泛应用于...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    JS实现checkbox的全选和反选

    资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    css3动画智能全选反选

    "css3动画智能全选反选"这个主题涉及到如何使用CSS3实现一个没有实际`&lt;input type="checkbox"&gt;`元素的全选和反选功能,而是用`&lt;div&gt;`元素模拟Checkbox的行为。这种方法在某些情况下特别有用,例如当需要自定义...

    js实现全选

    js 实现全选去不选反选

Global site tag (gtag.js) - Google Analytics