个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
当选中表中的复选框时，我想为 div 提供背景颜色。
这是 HTML:(影响div背景颜色的复选框)
<div id="main">
<div id="1"><input type="checkbox" value="1" name="" ></div>
<div id="1"><input type="checkbox" value="2" name="" ></div>
<div id="1"><input type="checkbox" value="3" name="" ></div>
<div id="1"><input type="checkbox" value="4" name="" ></div>
</div>
(表格中的复选框)
<table id="main1">
<tr>
<td><input type='checkbox' value="1" ></td>
</tr>
<tr>
<td><input type='checkbox' value="2" ></td>
</tr>
<tr>
<td><input type='checkbox' value="3" ></td>
</tr>
<tr>
<td><input type='checkbox' value="4" ></td>
</tr>
</table>
和 jQuery
(用于表格和 div 复选框的反之检查)
$(function() {
var checkboxes = $(":checkbox").change(function() {
var value = $(this).val();
checkboxes.filter(function() {
return value == $(this).val()
}).not(this).prop('checked', this.checked);
});
});
(用于在选中 div 的复选框时为 div 提供背景颜色)
$("#main input[type='checkbox']").on("change", function() {
var that = this;
// alert(that.value);
$(this).parent().css("background-color", function() {
return that.checked ? "rgb(251, 252, 170, 0.7)" : "";
});
});
最佳答案
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div id="main">
<div id="1"><input type="checkbox" value="1" name="">1</div>
<div id="1"><input type="checkbox" value="2" name="">2</div>
<div id="1"><input type="checkbox" value="3" name="">3</div>
<div id="1"><input type="checkbox" value="4" name="">4</div>
</div>
<table id="main1">
<tr>
<td><input type='checkbox' value="1">t1</td>
</tr>
<tr>
<td><input type='checkbox' value="2">t2</td>
</tr>
<tr>
<td><input type='checkbox' value="3">t3</td>
</tr>
<tr>
<td><input type='checkbox' value="4">t4</td>
</tr>
</table>
<script>
$(function() {
var checkboxes = $(":checkbox").change(function() {
var value = $(this).val();
var that = this;
if ($(this).parent()[0].nodeName !== "TD") {
$(this).parent().css("background-color", function() {
return that.checked ? "rgb(251, 252, 170, 0.7)" : "";
});
}
$("div input[value='" + value + "']").parent().css("background-color", function() {
return that.checked ? "rgb(251, 252, 170, 0.7)" : "";
});
checkboxes.filter(function() {
return value == $(this).val()
}).not(this).prop('checked', this.checked);
});
});
</script>关于jquery - 如何合并这两个 jquery 函数来为 div 的背景着色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50849217/
25
4
0
我有几个长度不等的 vector ，我想对其进行cbind。我将 vector 放入列表中，并尝试结合使用do.call(cbind, ...): nm <- list(1:8, 3:8, 1:5)
合并(合并)两个 JSONObjects 的最佳方式是什么？ JSONObject o1 = { "one": "1", "two": "2", "three": "3" }
我在一个表中有许多空间实体，其中有一个名为 Boundaries 的 geometry 字段。我想生成一个具有简化形状/几何图形的 GeoJson 文件。 这是我的第一次尝试: var entitie
谁能说出为什么这个选择返回 3.0 而不是 3.5: SELECT coalesce(1.0*(7/2),0) as foo 这个返回 3: SELECT coalesce(7/2,0) as foo
首先抱歉，也许这个问题已经提出，但我找不到任何可以帮助我的东西，可能是因为我对 XSLT 缺乏了解。 我有以下 XML: 0 OK
有时用户会使用 Windows 资源管理器复制文件并在他们应该执行 svn 存储库级别的复制或合并时提交它们。因此，SVN 没有正确跟踪这些变化。一旦我发现这一点，损坏显然已经完成，并且可能已经对相关
我想组合/堆叠 2 个不同列的值并获得唯一值。 如果范围相邻，则可以正常工作。例如: =UNIQUE(FILTERXML(""&SUBSTITUTE(TEXTJOIN(",",TRUE,TRANSPO
使用iTextSharp，如何将多个PDF合并为一个PDF，而又不丢失每个PDF中的“表单字段”及其属性？ (我希望有一个使用来自数据库的流的示例，但文件系统也可以) 我发现this code可以正常
是否有一个合并函数可以优先考虑公共(public)变量中的非缺失值？ 考虑以下示例。 首先，我们生成两个 data.frames，它们具有相同的 ID，但在特定变量上有互补的缺失值: set.seed
我们正在尝试实现 ALM Rangers 在最新的 Visual Studio TFS Branching and Merging Guide 中描述的“基本双分支计划”。 .从指导: The bas
我在不同目录(3个不同名称)中有很多(3个只是一个例子)文本文件，如下所示: 目录:A，文件名:run.txt 格式:txt制表符分隔 ; file one 10 0.2 0.5 0.
我有一张包含学生等级关系的表： Student Grade StartDate EndDate 1 1 09/01/2009 NULL 2
我在学习 https://www.doctrine-project.org/projects/doctrine-orm/en/2.6/reference/working-with-associatio
我觉得我有世界上最简单的 SVN 用例: 我有一个文件，Test.java在 trunk SVN的。 我分行trunk至 dev-branch . 我搬家Test.java进入 com/mycompa
我有两个数据框，其中一些列名称相同，而另一些列名称不同。数据框看起来像这样: df1 ID hello world hockey soccer 1 1 NA NA
Elasticsearch 中是否缺少以扁平化形式(多个子/子aggs)返回结果的方法？ 例如，当前我正在尝试获取所有产品类型及其状态(在线/离线)。 这就是我最终得到的: aggs [ { key:
如何合并如下所示的 map : Map1 = Map(1 -> Class1(1), 2 -> Class1(2)) Map2 = Map(2 -> Class2(1), 3 -> Class2(2)
我试图通过从netezza服务器导入数据来合并两个数据集。 以下是数据集，其数字为，ID为，字母为，名称为: 下表都是使用命令从netezza导入的: sqoop import --connect n
我有两个数组 $array1 = array('first', 'second', 'third', 'fourth'); $array2 = array('first', 'third', 'fou
我正在 SQL Server 中运行合并。在我的更新中，我只想在值发生更改时更新该行。有一个版本行在每次更新时都会递增。下面是一个例子: MERGE Employee as tgt USING (SE
我是一名优秀的程序员,十分优秀！