Question

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

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>

Answer 1

试试这个：

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

<强> Working Demo

如果选中输入，则更改标签的bg颜色

1 个答案: