Question

我有一个包含许多单元格的html表格，当有人试图点击某个特定单元格时，我想将一个复选框字段设置为启用style =“display：none”。我应该在用户再次点击同一个单元格时重置此项。我应该如何使用jquery做到这一点？

Answer 1

以下假设复选框位于＆lt; td＆gt;内。已被点击：

$('td').each(function(){
    $(this).click(function(){ 
        $(this).find('input:checkbox').toggle();
    });
});

如果所有单元格只有一个全局复选框，则可以直接引用它而不是执行find（）：

$('#checkbox-id').toggle();

Answer 2

$('table td').click(function(){
    $(this).children('input:checkbox').attr('checked', 'checked').toggle('slow');
});

实例：http://jsfiddle.net/p9rRY/

Answer 3

您可以使用此脚本显示/隐藏特定列中的复选框。

$（'table tr td：eq（1）'）。toggle（function（）{$（this）.children（'：checkbox'）。css（'display'，'block'）;}， function（）{$（this）.children（'：checkbox'）。css（'display'，'none'）;}）;

请在“eq（index）”中给出特定列索引，您要点击显示/隐藏复选框。例如，在上面的脚本列中是“1”。列索引从0开始

如何在单元格的onclick事件期间自动将复选框字段标记为已启用

3 个答案: