`

chebox全选, 反选, 是否全选中

阅读更多

是否全选中的代码
$("input[name='checkbox']").click(function(){
var de = $("input[name='checkbox']");
var num=0;
for(i = 0; i < de.length; i++){
if(de[i].checked == true){
num++;
}
}

if(num==de.length){
$("#checkboxAll").attr("checked",true);
}else{
$("#checkboxAll").attr("checked",false);
}

/*复选框取值*/
if(this.checked){
add_jstc(this.value,"id_input_jstc");
}else{
reduce_jstc(this.value,"id_input_jstc");
    }


});


function add_jstc(value,id){
    var s_jstc=document.getElementById(id).value;
if(s_jstc.indexOf(value+",")>=0){
   return;
}
else{
    document.getElementById(id).value=s_jstc+value+","
}
}

function reduce_jstc(value,id){
    var s_jstc=document.getElementById(id).value;
  
if(s_jstc.indexOf(value+",")>=0){
    s_jstc=s_jstc.replace(value+",","");
 
document.getElementById(id).value=s_jstc
    return;
}
else{
return;

}
}
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...

    DataGridView表头添加checkbox实现全选反选

    在Windows应用程序开发...总之,`DataGridView`表头添加`CheckBox`实现全选反选涉及了控件创建、事件处理、数据绑定以及用户交互等多个方面。理解这些知识点可以帮助开发者更有效地构建功能丰富的数据查看和编辑界面。

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...

    JS实现全选反选全不选

    JS实现全选反选全不选

    jquery全选反选插件

    本话题将深入探讨“jQuery全选反选插件”的相关知识点,这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先,jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上,当用户需要对一组选项进行...

    Javascript实现全选反选

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

    jquery全选反选全不选案例

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

    JS简单表格列表全选反选代码.zip

    本示例中的"JS简单表格列表全选反选代码"是一个使用原生JS编写的功能,它允许用户通过点击表头按钮来实现表格数据的全选和反选操作。这个功能在处理大量数据时特别有用,例如在用户需要批量操作表格项时。 1. **...

    简单实现全选反选功能(html)

    在网页开发中,全选和反选功能是常见的交互元素,尤其在表格或者多选项列表中,用户可能希望一键选择所有项目或清除已选。在这个案例中,我们将探讨如何使用HTML和jQuery来实现这一功能。 首先,我们需要创建HTML...

    jQuery表格行全选反选单选代码

    jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。

    js书写全选反选

    用js书写全选反选的事例,简单明了,源代码,方便易学,可直接引用

    JS实现全选、反选

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

    实现table表格checkbox复选框的全选 反选

    在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先,我们需要创建一个包含复选框的HTML表格。...

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。

    winform通用全选反选控件

    其中上边的categorieslistbox是复选框的组件,下边 全选 其实是一个Lable点击全选后,categorieslistbox的复选框中的会被全部选中,反之其他的是一样的,若想看到更好的效果,运行下载的项目并仔细研究,应该会有更...

    C#复选框实现全选反选和全不选

    在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先,我们需要创建一个包含复...

    table全选反选

    jQuery表格行全选反选插件

    三种方式实现checkbox全选,反选

    这种方法利用事件委托,监听父元素的`click`事件,然后根据点击的目标元素是否是全选按钮来执行全选或反选操作。 ```javascript document.getElementById('parentContainer').addEventListener('click', (event) =&gt;...

Global site tag (gtag.js) - Google Analytics