`

全选反选

阅读更多
<div class="js_mobile">
<input name="Fruit" type="checkbox" value="" />苹果 
<input name="Fruit" type="checkbox" value="" />桃子 
<input name="Fruit" type="checkbox" value="" />香蕉
<input name="Fruit" type="checkbox" value="" />梨 
</div>

<a class="js_all"><input name="Fruit" type="checkbox" value="" /> 全选</a>
<script type="text/javascript" src="../v4.0-js/plug/jquery.min.js"></script>
<script>
$(".js_all").on('click',function(){
var checktrue= $(".js_mobile :checkbox").size();
var chk = 0;
console.log('chk---'+chk);
console.log('checktrue---'+checktrue);
$(".js_mobile :checkbox").each(function () { 
        if($('.js_all :checkbox').prop("checked")==true){
chk++;
}
   });
   console.log('chk---aaa   '+chk);
if(checktrue==chk){
$(".js_mobile :checkbox").prop("checked",true);
return;
}
$(".js_mobile :checkbox").prop("checked",false);
});
</script>
分享到:
评论

相关推荐

    jquery全选反选全不选案例

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

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

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

    jquery全选反选插件

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

    android checkbox全选反选

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

    Javascript实现全选反选

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

    JS实现全选反选全不选

    JS实现全选反选全不选

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

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

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

    本资源"JS简单表格列表全选反选代码.zip"聚焦于一个常见的用户界面功能:表格的全选与反选操作。这个功能在数据管理、表单处理等场景中十分常见,比如在批量操作数据时,用户可以通过全选按钮一次性选择所有行,或者...

    DataGridView标头CheckBox全选反选

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

    js书写全选反选

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

    Flex中DataGrid内嵌CheckBox的全选反选和防止选择状态错乱实现方法

    以上就是Flex中DataGrid内嵌CheckBox实现全选反选及防止选择状态错乱的基本步骤。通过自定义列类、监听CheckBox事件和处理全选/全反逻辑,我们可以创建一个功能完善的多选DataGrid。在实际项目中,还可以根据需求...

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

    接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来实现全选/反选功能。这里我们使用jQuery: ```javascript $(document).ready(function() { $('#selectAll').click(function() { if ($...

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

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

    table全选反选

    jQuery表格行全选反选插件

    Android 全选反选对话框

    综上所述,实现Android全选反选对话框需要创建自定义对话框布局,绑定数据,设置事件监听,以及处理用户的选择。通过这种方式,我们可以提供一个高效且直观的多选操作界面,增强用户在Android应用中的交互体验。

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

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

    winform通用全选反选控件

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

    html全选反选

    很简单的html全选反选,适合刚开始学习html的同学,非常实用。

Global site tag (gtag.js) - Google Analytics