`

jQuery单击记录行自动选中checkbox

阅读更多

 $(".list tr").slice(1).each(function(){ 
    var p = this; 
    $(this).children().slice(1).click(function(){ 
        $($(p).children()[0]).children().each(function(){ 
            if(this.type=="checkbox"){ 
                if(!this.checked){ 
                    this.checked = true; 
                }else{ 
                    this.checked = false; 
                } 
            } 
        }); 
    }); 
});
 
 $(function () {
            //除了表头(第一行)以外所有的行添加click事件.
            $("tr").first().nextAll().click(function () {
                //为点击的这一行切换样式bgRed里的代码:background-color:#FF0000;
                $(this).children().toggleClass("bgRed");
                //判断td标记的背景颜色和body的背景颜色是否相同;
                if ($(this).children().css("background-color") != $(document.body).css("background-color")) {
                    //如果相同,CheckBox.checked=true;
                    $(this).children().first().children().attr("checked", true);

                } else {
                    //如果不同,CheckBox.checked=false;
                    $(this).children().first().children().attr("checked", false);
                }
            });
       });

分享到:
评论

相关推荐

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    jQuery操作checkbox并获取选中值

    获取选中checkbox的值通常需要遍历所有checkbox,检查其是否被选中,然后收集对应的值。以下是一个示例: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { ...

    jquery获取checkbox选中的值

    要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...

    jquery实现 复选框 选中和不选中 美化复选框

    本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先,我们需要理解jQuery的基本用法。jQuery库简化了JavaScript中的DOM操作、事件处理和动画效果。引入jQuery库后,我们可以使用$(document)....

    jquery 对checkbox的操作

    二、选中与取消选中checkbox 1. 选中checkbox: ```javascript $("#checkboxID").prop("checked", true); ``` 2. 取消选中checkbox: ```javascript $("#checkboxID").prop("checked", false); ``` 三、检查...

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作,包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先,让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了...

    JQuery点击行tr实现checkBox选中的简单实例

    标题所指的知识点是JQuery的一个简单应用实例,具体是通过点击网页表格中的某一行(tr标签)来切换对应行内复选框(checkbox)的选中状态。 描述提到的内容是对上述实例的简要介绍,并鼓励读者学习和参考实例代码,...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    jQuery点击tr实现checkbox选中的方法

    在本例中,我们讨论了使用jQuery实现点击表格行(tr)来控制对应行内复选框(checkbox)选中状态的方法。 要实现点击表格行(tr)以选中或取消选中内部的复选框(checkbox),首先需要了解几个关键的jQuery方法。...

    jquery checkbox点击选中列表样式代码

    在本文中,我们将深入探讨如何使用jQuery来实现checkbox点击选中列表样式的代码。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果等任务。在Web开发中,尤其是在处理用户交互时,jQuery提供...

    jQuery获取checkbox选中的值

    5. **获取选中checkbox的值**: 在确认checkbox被选中后,可以通过`.attr("value")`方法获取它的值。然后,可以将多个选中的值拼接成一个字符串,或存储在数组中。 ### 控制checkbox的选中状态 1. **实现全选和全...

    jQuery多级复选框checkbox选中代码

    这段代码监听了所有类型为"checkbox"的元素的点击事件,当用户点击复选框时,`prop('checked')`方法会切换其选中状态。 对于多级复选框,我们需要考虑父级与子级之间的关联。例如,如果一个父级复选框被选中,那么...

    jQuery实现点击行选中或取消CheckBox的方法

    本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考,具体如下: /// /// 点击行选中或者取消CheckBox /// /// 表ID function SetCheckBox_Check(TableID) { var $TableID = Table...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    Jquery为单选框checkbox绑定单击click事件

    本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件,并在事件触发时执行相应的函数。 首先,我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型,它允许用户在一组选项中选择一...

    jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

    本文所要介绍的知识点是使用jQuery实现点击DIV时同时触发CheckBox的选择,并根据CheckBox的选中状态改变DIV的背景色。这个实例具有很高的实用价值,通过编写jQuery脚本来控制元素的交互行为,适用于需要增强用户界面...

    js实现翻页后保持checkbox选中状态的实现方法

    项目具体的需求如下:给角色授权时,选择模块以及模块下的操作,点击上下页后选中的checkbox不变。 界面如下: 实现的思路如下: 在界面中,使用纯js完成。把选中的checkbox中的id,其中包括模块id,操作id,拼接成...

Global site tag (gtag.js) - Google Analytics