代码之家 › 专栏 › 技术社区 › Kyle

jquery向表添加边框

html-table checkbox css html jquery

Kyle · 技术社区 · 15 年前

我是jquery新手,我试过:

<input value="1"  type="checkbox" name="mytable" id="checkbox2"  style="float:left;"
        />

{literal}

<script src="http://code.jquery.com/jquery-latest.js"></script>
            <script type="text/javascript">
$(function() {
   //checkbox
   $(".mytable").click(function(){
    $(".mytable").toggleClass('mytableborders');

    });
});
</script>
{/literal}

<table class="mytable" id="cart">....</table>

但它不起作用,我希望复选框将表的类从 .mytable 到 .mytableborders .

3 回复 | 直到 8 年前

rahul 15 年前

您的复选框id是“checkbox2”。所以复选框的选择器是 $("#checkbox2") ,您的表id是“cart”,选择器是 $("#cart")

尝试

$("#checkbox2").click(function(){
    $("#cart").toggleClass('mytableborders');
});

GlenCrawford 15 年前

$(function() {
  $("#checkbox2").click(function(){
    $("#cart").toggleClass('mytableborders');
  });
});

单击事件应按ID(而不是名称)附加到复选框。

Andy E 15 年前

toggle类将添加不存在的类,如果存在则将其移除。如果希望它交换类,请使用 addClass 和 removeClass :

    $(".mytable").removeClass('mytable').addClass('mytableborders');

推荐文章

Mona Jalal · 在HTML中使用PHP显示表的内容

2 年前

free · 基于特定默认列对表进行排序

3 年前

CRaw · 表格中的标题文本对齐:前2个单元格左对齐,后3个单元格右对齐

3 年前

Bryan Santos · 固定表头与引导

3 年前

Muhammad Moosa Zubairy · 在div之后得到不需要的逗号

3 年前

buckshot · 使用CSS隐藏gridview中的某些列

3 年前

SeniorFluffie · 完整动态HTML表悬停事件不工作

7 年前

Smithy · 如何将此文本置于电子邮件模板中表格行的中心

7 年前

user7158897 · 如何基于地图区域单击显示/隐藏不同的表内容

7 年前

user9727941 · 不知道如何在空白td中插入这些数据

7 年前