作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图以编程方式检查取消选中复选框列表的所有选项,但我的代码无法正常工作。这是片段
$(document).ready(function () {
$('#myLink').click(function () {
$("INPUT[id^='chkFileds']").attr('checked', $('#chkFileds').is(':checked'));
});
});
我的代码有什么问题。我希望当用户单击检查超链接时,复选框列表的所有选项都将被选中,当再次单击同一链接时,复选框列表的所有选项将被取消选中。请指导我该怎么做。谢谢
更新:
感谢您的回答,但我不是在谈论检查,而是在谈论复选框列表,里面有很多复选框。它看起来像......他我给出了复选框列表的 html
<table style="font-weight:bold;" id="chkCountry">
<tbody>
<tr>
<td>
<input type="checkbox" value="GB" name="chkCountry$0" id="chkCountry_0">
<label for="chkCountry_0">UK</label>
</td>
<td>
<input type="checkbox" value="US" name="chkCountry$1" id="chkCountry_1">
<label for="chkCountry_1">USA</label>
</td>
</tr>
</tbody>
</table>
最佳答案
您的标记仍然缺少正确回答问题所需的一些相关代码,但是,假设 myLink
是一个复选框,下面的代码将起作用。
$(document).ready(function () {
$('#myLink').click(function () {
$("INPUT[id^='chkCountry_']").attr('checked', $('#myLink').is(':checked'));
});
});
这是a working fiddle .
注意:您的代码由于多种原因而无法运行。主要是,您的选择器 chkFileds
与您以任何方式发布的标记无关。
其他信息:
以下是属性选择器运算符的快速概述:
= is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains
关于jquery - 使用 jquery ASP.Net 检查取消选中复选框列表的所有复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9533985/
我是一名优秀的程序员,十分优秀!