使用jquery根据td内的复选框状态更改td的值
使用jQuery根据td内的复选框状态更改td的值可以通过以下步骤实现：
- 首先，确保在HTML页面中引入了jQuery库。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>- 在HTML中，为每个需要更改值的td元素添加一个复选框和一个用于显示值的span元素。
<td>
<input type="checkbox" class="checkbox">
<span class="value">原始值</span>
</td>- 使用jQuery选择器获取所有复选框元素，并为其绑定一个change事件处理程序。
$('.checkbox').change(function() {
// 在这里编写代码来更改td的值
});- 在change事件处理程序中，使用jQuery的父级和兄弟选择器来获取相关的td元素和span元素，并根据复选框的状态更改td的值。
$('.checkbox').change(function() {
var checkbox = $(this);
var td = checkbox.parent();
var span = td.find('.value');
if (checkbox.is(':checked')) {
span.text('选中状态的值');
} else {
span.text('未选中状态的值');
}
});完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery根据td内的复选框状态更改td的值</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" class="checkbox">
<span class="value">原始值</span>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="checkbox">
<span class="value">原始值</span>
</td>
</tr>
</table>
<script>
$('.checkbox').change(function() {
var checkbox = $(this);
var td = checkbox.parent();
var span = td.find('.value');
if (checkbox.is(':checked')) {
span.text('选中状态的值');
} else {
span.text('未选中状态的值');
}
});
</script>
</body>
</html>这样，当复选框的状态发生改变时，相应的td元素的值也会随之改变。
相关·内容
1回答
有一个body标签，里面有许多tr标签，在每个tr标签内，有许多td标签，其中一个td标签中有一个复选框，复选框可以被选中或取消选中，如果复选框被选中，我想插入"True"，如果没有选中，我想在该td标签中插入"False“，并且我想从td标签中删除复选框控件 <td >text-1 </td>
浏览 4提问于2017-02-22得票数 0
4回答
将Jquery设置复选框设置为disabled也会将checked设置为false
jquery、checkbox
我有下面这行代码当页面发布并返回到自身时(例如，由于验证问题等)，此行将导致复选框被设置为禁用(根据需要)，但也会将所有已设置为选中的复选框的选中状态设置为false。如果我去掉这一行，那么显然复选框不会被禁用，但它们会保持选中状态。
但是，如果页面是通过另一个页面导航到的，
浏览 1提问于2014-04-02得票数 1
0回答
使用td内的按钮更改TD值的jQuery函数
javascript、jquery、html
我有一个td文本，以及td值中的一个按钮。当用户单击按钮时，我需要使用jQuery函数更改该值。但我试过了
myValue.prev().text("someValue"); -要更改td
浏览 9提问于2017-11-23得票数 1
回答已采纳
2回答
选择所需的所有复选框分页帮助
checkbox、pagination
我目前有一个分页的报告，每页显示10条记录。我想加入“全部检查”功能，因此基于我的场景显示10条记录，当我按下“全部检查”复选框时，我想检查该页面(pageno=3)中的所有可见记录(一次10条)，删除这10条记录后，该页面应重定向到具有相同页码(pageno=3)的相同页面(filename.php)。
浏览 0提问于2009-07-14得票数 0
2回答
如何限制鼠标点击复选框和从JS触发？
javascript、jquery、css
我们有表格网格和多个列，包括Select (CheckBox) $(':checkbox', this).trigger('click'); 它适用于行，但当我单击相应的CheckBox
浏览 1提问于2020-01-16得票数 2
回答已采纳
3回答
当一个复选框未选中时，如何取消选中以下所有复选框
javascript、c#、asp.net、checkbox、checkboxfor
我有一组动态的复选框，这些复选框已经被标记了。当我点击其中一个，然后所有下面的复选框应该取消选中，如果重新标记所有上述复选框再次标记。有人能帮我吗？{ <td@Html.CheckBoxFor(Model => Model.transportDate[i].
浏览 2提问于2018-05-28得票数 1
回答已采纳
2回答
如果选中了每行输入字段，如何禁用其复选框？
jquery、html、checkbox、disabled-input
我无法找到解决我的特定问题的办法，尽管有很多关于类似问题的话题。 <td><input type="text" name="pageName[]"></td> <select name=
浏览 0提问于2019-02-05得票数 1
回答已采纳
1回答
如果用户更改了原来的复选框值，JQuery复选框将显示警报
php、jquery、forms、checkbox、nested-if
基本上，我有一个表单，它显示了mysql数据库中的一堆动态复选框--这很好。我有一个名为"default“的属性，我将mysql条目的值放入其中，这样以后我就可以确定用户是否更改了最初显示的复选框值。以下是产生这些复选框的while语句的一部分： \n\t\t<
浏览 2提问于2014-01-16得票数 1
回答已采纳
1回答
尝试重新迭代列表以更新值，从.jsp到servlet。
java、jsp、servlets
当我试图根据复选框更新汽车的状态(它是否可用，是否可用)时会出现问题，这些复选框将根据数据库中的值进行填充。因此，我想从.jsp页面中的复选框中检索值，以便在servlet中使用它们，如果有任何复选框更改，则在数据库中更新它们。
.jsp部分已经实现，但问题在于servlet。<c:forEach var="car" i
浏览 1提问于2015-02-25得票数 0
回答已采纳
2回答
如何计算CheckBox (Gridview头和行)检查的值？
javascript、jquery、asp.net
当我选中标题复选框时，我遇到了问题，下面是我从c#绑定的Gridview，而不是jquery。
第二:当取消检查时，AMT将被正确清除。第三:当手动选中多行复选框时，即逐个选中，然后取消选中任何一行，然后选中标头复选框，计算的金额是否错误？
到目前为止我所做的是：
$("[id*=chkHe
浏览 0提问于2016-04-15得票数 0
回答已采纳
2回答
选中复选框值
javascript、jquery
我根据从后端获取的值动态地为它们创建复选框和相应的in，如所示。<tr> <td class="valueleft"><input type='
浏览 3提问于2011-07-19得票数 0
1回答
停止按住shift键并突出显示文本
javascript、jquery、html、css
我在我的网页上有一个表格，上面有复选框。我有jquery代码，它允许我切换单击以检查多个行以进行编辑/删除。但是，当我按住shift键单击以选择一个范围时，该范围内的所有文本都会突出显示。有没有办法使用jquery或css来阻止文本被高亮显示？ HTML code </td> <tr>
&l
浏览 4提问于2012-04-20得票数 11
回答已采纳
2回答
存储不确定复选框状态
javascript、php、html、database、wiki
我有一些js可以在选中的不确定性和未选中的之间切换我的复选框。当选中复选框时，它将存储在我的数据库中为1，而未选中时存储为0，但是，当复选框处于不确定状态时，我无法确定如何存储值，它只是将其设置为0。该列在我的db中没有默认值，任何帮助都将不胜感激！isset($_POST['schDone']); <script>
$("#some-checkb
浏览 0提问于2018-03-19得票数 0
回答已采纳
2回答
jQuery在提交时设置每个已勾选复选框的前一个同级的值
javascript、html、jquery、checkbox
我一直在寻找这个问题的解决方案，发现最有效的方法是通过这样一个老生常谈的解决办法，但他们中没有一个人发布了一种有效的方法，可以使用大量的复选框数组来捕获动态输入行的每个复选框和取消复选框。我环顾四周，看到了一种脚本方式--让隐藏的输入作为POST源，并在提交时根据相邻的复选框更改值。然而，jquery<
浏览 0提问于2021-10-12得票数 0
1回答
复选框中的剔除问题以及选中和更改绑定
data-binding、knockout.js、binding、onchange、checked
我刚刚发现了淘汰赛(3.0和3.1)和复选框的问题
问题是，对于复选框的更改事件绑定不会在不同的浏览器上一致发生。，因此在change事件处理程序中，我们可以读取复选框的实际值(也就是说，如果选中复选框，则绑定字段具有value = true)。在所有其他浏览器中(我用Chrome、IE 11、Opera和Safari进行了测试)，在实际更改绑定字段的值之前(即选
浏览 2提问于2014-05-20得票数 0
回答已采纳
1回答
主开关控制所有子开关
javascript、jquery、checkbox、switchery
我正在尝试创建一个主开关复选框，它控制所有子开关复选框状态 // Initialize multiple switches<script src="http://abpetkov.github.io/switchery
浏览 3提问于2015-11-22得票数 4
回答已采纳
3回答
JQUERY根据表列值`Status` (1或0)将选中属性添加到复选框
javascript、jquery、html、checkbox
我一直在用谷歌搜索这个问题，但是把关键字复选框和表放在一起，我会得到“获取选中行的行值”的结果。我很少遇到同样的问题，但都是高级的(ajax，angularjs)，我只是个学生级的程序员(顶多是基本的jquery )。所以我有了这个:所以它所做的就是将单元格的值放入文本框中，没有问题，但我想取status的值1(表示活动)并将其放入复选框
浏览 0提问于2017-07-13得票数 0
3回答
如何使用jquery按行选中所有复选框？
jquery
如何检查jquery中的所有行？很难在这里解决我只知道如何单选复选框，$('.myCheckbox').prop('checked', true);，但每一行和循环，我有一个艰难的时间
浏览 8提问于2020-03-24得票数 1
5回答
如何对选中的更改复选框jquery的值进行求和？
javascript、jquery、html、checkbox
我有一个表，每个复选框都包含一个值，我想要对复选框的值进行求和。选中糖果和水:计数=2，选中糖果、食品和水:计数=5，复选框未选中:计数=0。我想我必须有两个事件，每个复选框的事件(.checkbox1)和事件的复选框(.check_all)。><input type="checkbox" class="checkbox1" id="candy&
浏览 5提问于2015-08-15得票数 4
回答已采纳
1回答
check_box_tag不接受值
ruby-on-rails、ruby-on-rails-4
我有一个简单的todo应用程序，其中有一个新页面，其中有一个用于模型任务的表单和一个索引页面。`erledigt` FROM `tasks`我看到表单保存了我的输入。在索引视图中，检查每个任务的原因是什么？有人能解释或提供任何建议吗？= link_to task.aufgabe, task %></td>
<td><%= task.beschreibung %><
浏览 2提问于2014-05-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
