如果选中输入，则更改标签的bg颜色 [英] change bg color of label if input is checked

问题描述

你好，我有一个while循环，从数据库中选择元素，然后将它们显示为标签输入.我要实现的是如果选中元素，则更改背景颜色.这是我的代码，但是不起作用.

Hello i have a while loop selecting elements from database and i display them as label input. What i want to achive is to change background-color if element is checked. Here is my code but it's not working.

html
<label class="m1">
<input class="table" type="checkbox" value="1"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="2"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="3"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="4"  name="masa[]" class="checkbox" >
</label>

js

<script type="text/javascript">
$('.m1').live('click', function() {

        var elem = $(this).find('input:checkbox');

        $('input:checkbox:checked').parent('label').css('background-color', '#B6BF34');

        if( elem.is(':checked') && elem.is(':enabled') ) {
            $(this).css('background-color', '#00B0EA');
        }

    });
</script>

推荐答案

尝试一下:

$('.table').change(function(){
  var c = this.checked ? '#00B0EA' : '#B6BF34';
  $(this).parent().css('background-color', c);
});

工作演示

Working Demo

这篇关于如果选中输入，则更改标签的bg颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！