$(".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);
}
});
});
- 浏览: 38570 次
- 性别:
- 来自: 北京
最新评论
-
一湖碧波:
very good
级联菜单,省市级联菜单
相关推荐
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
获取选中checkbox的值通常需要遍历所有checkbox,检查其是否被选中,然后收集对应的值。以下是一个示例: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { ...
要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...
本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先,我们需要理解jQuery的基本用法。jQuery库简化了JavaScript中的DOM操作、事件处理和动画效果。引入jQuery库后,我们可以使用$(document)....
二、选中与取消选中checkbox 1. 选中checkbox: ```javascript $("#checkboxID").prop("checked", true); ``` 2. 取消选中checkbox: ```javascript $("#checkboxID").prop("checked", false); ``` 三、检查...
本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作,包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先,让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了...
5. **获取选中checkbox的值**: 在确认checkbox被选中后,可以通过`.attr("value")`方法获取它的值。然后,可以将多个选中的值拼接成一个字符串,或存储在数组中。 ### 控制checkbox的选中状态 1. **实现全选和全...
标题所指的知识点是JQuery的一个简单应用实例,具体是通过点击网页表格中的某一行(tr标签)来切换对应行内复选框(checkbox)的选中状态。 描述提到的内容是对上述实例的简要介绍,并鼓励读者学习和参考实例代码,...
在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...
在本例中,我们讨论了使用jQuery实现点击表格行(tr)来控制对应行内复选框(checkbox)选中状态的方法。 要实现点击表格行(tr)以选中或取消选中内部的复选框(checkbox),首先需要了解几个关键的jQuery方法。...
在本文中,我们将深入探讨如何使用jQuery来实现checkbox点击选中列表样式的代码。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果等任务。在Web开发中,尤其是在处理用户交互时,jQuery提供...
项目具体的需求如下:给角色授权时,选择模块以及模块下的操作,点击上下页后选中的checkbox不变。 界面如下: 实现的思路如下: 在界面中,使用纯js完成。把选中的checkbox中的id,其中包括模块id,操作id,拼接成...
这段代码监听了所有类型为"checkbox"的元素的点击事件,当用户点击复选框时,`prop('checked')`方法会切换其选中状态。 对于多级复选框,我们需要考虑父级与子级之间的关联。例如,如果一个父级复选框被选中,那么...
本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考,具体如下: /// /// 点击行选中或者取消CheckBox /// /// 表ID function SetCheckBox_Check(TableID) { var $TableID = Table...
本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件,并在事件触发时执行相应的函数。 首先,我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型,它允许用户在一组选项中选择一...
本文所要介绍的知识点是使用jQuery实现点击DIV时同时触发CheckBox的选择,并根据CheckBox的选中状态改变DIV的背景色。这个实例具有很高的实用价值,通过编写jQuery脚本来控制元素的交互行为,适用于需要增强用户界面...
在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...