Question

我正在使用PHP中的脚本，其中数据来自mysql db。我的要求是如果已经选中了复选框（来自db的数据），表格行颜色应该是不同的颜色，它只是突出显示用户已经检查并需要注意。如果用户取消选中它背景颜色需要关闭，也应该有一个选项。我已经处理过脚本，如果已经检查过它显示红色bg颜色。但是，当我取消选中它时，它不起作用。任何人都可以指导我这个。我的脚本如下：

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type='text/javascript'>
$(window).load(function(){
$(function () {
    $('input:checked').parent().css('background-color', '#ff0000');
});
});
</script>

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(":checkbox").on("change", function() {
    $(this).parent().toggleClass("checked", this.checked);
});
});//]]> 

</script>
<style type="text/css">
    .checked {
    background-color: #ff0000;
}
  </style>
</head>

<body>
  <div class="company">
        <input type="checkbox" name="Selected[]" class="checkboxC" value="8">
             Company 8
</div>
<div class="company">
        <input type="checkbox" name="Selected[]" class="checkboxC" value="9" checked>
             Company 9
</div>
</body>
</html>

Answer 1

PS C:\> $arr = @("a","b","c")
PS C:\> @($arr | ? { $_ -match "[a-z]" }).Count -eq @($arr).Count
True

PS C:\> $arr = @("a","1","c")
PS C:\> @($arr | ? { $_ -match "[a-z]" }).Count -eq @($arr).Count
False

$(window).load(function() {
  $(":checkbox").on("change", function() {
    $(this).parent().toggleClass("checked", this.checked);
  });
});
$(window).load(function() {
  $(function() {
    $('input:checked').parent().toggleClass("checked", this.checked);//use .parent().toggleClass("checked", this.checked)
  });
});

.checked {
  background-color: #ff0000;
}

选中复选框后，表格行背景颜色会发生变化

1 个答案: