jquery - 用于检查复选框并对其执行操作的 jQuery 函数

Question

我想在jQuerytd中编写一个函数，当用户选中我页面上的复选框时它可以识别它，然后它可以实时识别（这意味着 当用户选中复选框时，它的标签check-box和其中一个label 将颜色更改为 red。

我需要它，因为我有一个 calendar 用户可以 check box每天检查以选择一年的假期，然后我将一年中的所有 365 天保存在我的数据库中。我创建了一个数据列表和克里特岛表，我有 365 个<td>它包含 一年< label >中< check box > </td> 的每一天

我希望很快帮助我谢谢。

Answer 1

亲爱的尝试使用以下代码

$(function() {
   $('#CheckBox').click(function () {
      if($(this).is(':checked')) {
          $('Lable').css('background-color' , 'red');
       }
   });
 });

Answer 2

尝试这个：

$('#checkboxid').click(function(){
    $(this).closest('td').css('background-color', 'Red');

});

或者如果您想更改标签颜色，请执行以下操作：

$('#checkboxid').click(function(){
     $(this).closest('td')find('td:first').css('background-color', 'Red');
});

把它写在 document.ready 函数中。

Answer 3

请看一下

http://jsfiddle.net/2dJAN/4/

<div class="checkboxes">
    <input type="checkbox" name="1" id="option-one" value="orange"><label for="option-one" class="highlight">1</label>
    <input type="checkbox" name="2" id="option-two" value="apple"><label for="option-two" class="highlight">2</label>
        <input type="checkbox" name="2" id="option-three" value="apple"><label for="option-three" class="highlight">3</label>
</div>

.checkboxes label {
    font-family:Open Sans Italic;
    font-size: 12px;
    color: #666;
    border-radius: 20px 20px 20px 20px;
    background: #f0f0f0;
    padding: 3px 10px;
    text-align: left;
}
input[type=checkbox]:checked + label {
    color: white;
    background: #86b3c1;
}

正在努力实现这样的目标吗？

Answer 4

  $('#checkbox').click(function(){
       if($(this).is(':checked')){
         $('#label').css({'background-color':'red'}); 

}

在文档准备功能中获取此代码