我试图以编程方式检查取消选中checkboxlist的所有选项,但我的代码无效.这是片段
$(document).ready(function () {
$('#myLink').click(function () {
$("INPUT[id^='chkFileds']").attr('checked', $('#chkFileds').is(':checked'));
});
});
Run Code Online (Sandbox Code Playgroud)
我的代码有什么问题.我希望当用户点击检查超链接时,将检查复选框列表的所有选项,当再次单击同一链接时,将取消选中复选框列表的所有选项.请指导我怎么做.谢谢
更新:
谢谢你的答案,但我不是在谈论检查而是复选框列表里面有很多复选框.它看起来像....他我给的是复选框列表的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>
Run Code Online (Sandbox Code Playgroud)
您的标记仍然缺少正确回答问题所需的一些相关代码,但是,假设这myLink是一个复选框,下面的代码将起作用.
$(document).ready(function () {
$('#myLink').click(function () {
$("INPUT[id^='chkCountry_']").attr('checked', $('#myLink').is(':checked'));
});
});
Run Code Online (Sandbox Code Playgroud)
这是一个工作小提琴.
注意:由于多种原因,您的代码无法运行.主要是,您的选择器chkFileds与您以任何方式发布的标记无关.
附加信息:
以下是属性选择器运算符的快速概述:
= is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
12268 次 |
| 最近记录: |