文章/答案/技术大牛

发布

社区首页 >问答首页 >按钮选择所有复选框并更改整个表格的bg颜色

问按钮选择所有复选框并更改整个表格的bg颜色
EN

Stack Overflow用户

提问于 2012-03-14 01:44:46

回答 3查看 153关注 0票数 0

这就是我到目前为止所做的：-一个有20到30个单元格的表格-每个单元格都有一个复选框和一个值(当然是不同的值)-两个按钮来触发全选和全选复选框。

到目前为止的代码：-要触发，请选择全部/无：

Javascript：

function set_checked(checked) {
    $('input[name=test]').attr('checked', checked);
}

按钮：

onclick="set_checked(true)" and onclick="set_checked(false)" for both buttons.

现在，如何在两个按钮上添加颜色更改？例如，当选择全部时，整个表格bg颜色变为绿色，而当选择无时，则变为白色。

jquery

button

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-14 02:04:13

这应该做什么，需要做什么

function set_checked(checked) {
    $('input:checked').attr('checked', checked); //select all checkbox
    if(checked) {
         $("table").css("backgroundColor", "#ddd"); //new color
    } else {
         $("table").css("backgroundColor", "#fff"); //old color
    }
}

票数 1

Stack Overflow用户

发布于 2012-03-14 01:48:57

您可以使用.css更改背景颜色：

$("tableSelector").css("background-color","blue");

票数 1

Stack Overflow用户

发布于 2012-03-14 01:49:46

可能是这样的：

onclick="set_checked(true); $('table').css('background', 'green')"
onclick="set_checked(false); $('table').css('background', 'white')"

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9689247

复制

相似问题

问按钮选择所有复选框并更改整个表格的bg颜色
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按钮选择所有复选框并更改整个表格的bg颜色EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按钮选择所有复选框并更改整个表格的bg颜色
EN