gpt4 book ai didi

javascript - JQuery 隐藏\显示是否选中复选框

转载 作者:行者123 更新时间:2023-12-03 06:01:58 26 4
gpt4 key购买 nike

我想制作一个表格,其中行隐藏\显示取决于是否选中标题中的复选框。我的脚本:

<script contextmenu="text/javascript">
$(document).ready(function () {
$("#ShowPersonalDataList").change(function () {
if($(this).is("checked")){
$(".PersonalDataInset").Show;
return
} else
$(".PersonalDataInset").hide;
});

});

我的 HTML :

<div id="CheckBoxTables">
<table class="CBTable">
<tr>
<th>
@Html.LabelFor(m => m.ColumnsNeeded.PersonalDataPartBool)
@Html.CheckBoxFor(m => m.ColumnsNeeded.PersonalDataPartBool, new { id = "ShowPersonalDataList" })
</th>
</tr>
<tr>
<td class="PersonalDataInset">
@Html.LabelFor(m => m.ColumnsNeeded.FirstNameBool)
@Html.CheckBoxFor(m => m.ColumnsNeeded.FirstNameBool)
</td>
</tr>
<tr>
<td class="PersonalDataInset">
@Html.LabelFor(m => m.ColumnsNeeded.LastNameBool)
@Html.CheckBoxFor(m => m.ColumnsNeeded.LastNameBool)
</td>
</tr>
<tr>
<td class="PersonalDataInset">
@Html.LabelFor(m => m.ColumnsNeeded.AppointmentBool)
@Html.CheckBoxFor(m => m.ColumnsNeeded.AppointmentBool)
</td>
</tr>
<tr>
<td class="PersonalDataInset">
@Html.LabelFor(m => m.ColumnsNeeded.DivisionBool)
@Html.CheckBoxFor(m => m.ColumnsNeeded.DivisionBool)
</td>
</tr>
</table>
</div>

我尝试过以下解决方案:

jQuery if checkbox is checked

jQuery, checkboxes and .is(":checked")

How to check whether a checkbox is checked in jQuery?

但不幸的是它们对我不起作用,我不知道为什么。

最佳答案

您使用了错误的选择器来将元素状态识别为已选中/未选中。您可以使用 this.checked 获取选中状态并将其用作 .toggle() 的参数:

$("#ShowPersonalDataList").change(function () {
$(".PersonalDataInset").toggle(this.checked);
});

关于javascript - JQuery 隐藏\显示是否选中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39719067/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com