3 Checkboxen in je einer Box & diese soll die Farbe ändern?

Ich habe 3 Checkboxen in je einer div ummantelt.

<div id="a_wrapper">
  <input type="checkbox" id="a">
</div>
<div id="b_wrapper">
  <input type="checkbox" id="b">
</div>
<div id="c_wrapper">
  <input type="checkbox" id="c">
</div>

Und möchte einfach nur mit js sagen, dass wenn eine Box geklickt/-checked wurde, dann soll einfach der Wrapper eine andere "background-color" bekommen.

Könnte man das so machen? Und wenn ja weshalb geht es nicht?
Bin neu im Thema.

$(function() {
  $('input[type=checkbox]').click(function() {
    var chks = document.getElementById('<%= chkRoleInTransaction.ClientID %>').getElementsByTagName('abt_1');
    for (i = 0; i < chks.length; i++) {
      chks[i].checked = false;
    }
    if (chks.length > 1)
      $(this)[0].checked = true;
  });

$(".func-checkbox").click(function() {
    if ($(this).attr('id') == "a") {
      document.getElementById("a_wrapper").style.background = "#00FF00";
      document.getElementById("b_wrapper").style.background = "#222222";
      document.getElementById("c_wrapper").style.background = "#222222";
  });
  $(".func-checkbox").click(function() {
    if ($(this).attr('id') == "b") {
      document.getElementById("a_wrapper").style.background = "#222222";
      document.getElementById("b_wrapper").style.background = "#00FF00";
      document.getElementById("c_wrapper").style.background = "#222222";
    }
  });
  $(".func-checkbox").click(function() {
    if ($(this).attr('id') == "c") {
      document.getElementById("a_wrapper").style.background = "#222222";
      document.getElementById("b_wrapper").style.background = "#222222";
      document.getElementById("c_wrapper").style.background = "#00FF00";
    }
  });
Computer, Website, JavaScript, html5, JQuery
3 Antworten

Was möchtest Du wissen?