Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/253.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果选中输入,则更改标签的背景颜色_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 如果选中输入,则更改标签的背景颜色

Javascript 如果选中输入,则更改标签的背景颜色,javascript,php,jquery,html,Javascript,Php,Jquery,Html,您好,我有一个while循环,从数据库中选择元素,并将它们显示为标签输入。我想要实现的是,若元素被选中,那个么改变背景颜色。这是我的代码,但它不起作用 html <label class="m1"> <input class="table" type="checkbox" value="1" name="masa[]" class="checkbox" > </label> <label class="m1"> <input class=

您好,我有一个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>
html
js


$('.m1').live('click',function(){
var elem=$(this.find('input:checkbox');
$('input:checkbox:checked').parent('label').css('background-color','#B6BF34');
if(元素为(':checked')&元素为(':enabled')){
$(this.css('background-color','#00B0EA');
}
});
试试这个:

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

$('input[type=checkbox]:checked')对我有效:@shaunakde工作不好…不工作,出于某种原因,我得到了这个错误
TypeError:$(…)。live不是一个函数…1&s?1:2&s?3:4&s?2:0),e},特别:{load:{noubble:!0},焦点:{trigger:fun…
@falcon更新了thnx,它按预期工作。我不知道为什么我的代码不正确,它也应该工作
$('.table').change(function(){
  var c = this.checked ? '#00B0EA' : '#B6BF34';
  $(this).parent().css('background-color', c);
});