Улавяне на промени в полето за отметка и индексиране за превключване на светодиодите

Без допълнителни подробности, това е най-общият код, който мога да предложа (с повече информация идват страхотни, ъъъъ, отговори):

$('input:checkbox').change(function(){
    // caching the $(this) jQuery object, since we're using it more than once:
    var that = $(this),
         // index of element with regard to its sibling elements:
        index = that.index(),
        // index with regard to other checkbox elements:
        checkboxIndex = that.index('input:checkbox');

        if (this.checked){ // this.checked evaluates to a Boolean (true/false)
            // this block executed only if the checkbox *is* checked
        } else {
            // this block executed only if the checkbox is *not* checked
        }
});

Редактирано за справяне с изискванията в (редактиран/изяснен) въпрос:

$('input:checkbox').change(function () {
    var that = this,
        $that = $(that),
        led = $that.closest('tr').find('td:first-child');
    led.removeClass('on off').addClass(function(){
        return that.checked ? 'on' : 'off';
    });
});

Демонстрация на JS Fiddle.

Свързване на горния jQuery със следния CSS:

.led,
.led.off {
    background-color: #ccc;
}

.led.on {
    color: #000;
    background-color: #f00;
}

И HTML:

<table>
    <tr>
        <td class='led'>OFF</td>
        <td>
            <input type='checkbox' name='' value='' />
        </td>
    </tr>
    <tr>
        <td class='led'>OFF</td>
        <td>
            <input type='checkbox' name='' value='' />
        </td>
    </tr>
    <tr>
        <td class='led'>OFF</td>
        <td>
            <input type='checkbox' name='' value='' />
        </td>
    </tr>
</table>

Обърнете внимание, че замених id="led" с class="led", тъй като id трябва да е уникален в рамките на документа. Това е важно, когато става въпрос за валидността на JavaScript и HTML.

Препратки:

• :checkbox селектор.
• addClass().
• closest().
• index().
• removeClass().

Можете да направите, ако има отметка в квадратчето или не, като използвате това във всеки код на вашата функция:

if ( $(this).is(':checked') ) {
  // ...
} else {
  // ...
}