Question

当使用jquery选中复选框时，是否可以更改div的红色背景。示例fiddle

<div class="col-md-4 wizardBox">
<label for="img1">
    <img src="http://beststore.bugs3.com/img/sample/portfolio-macbook.fw.png" />
    <p>Culture</p>
    <input type="checkbox" class="img1" id="img1" name="img1" value="" />
</label>
</div>

Answer 1

您可以使用：

$('#img1').change(function() {
    if($(this).is(":checked")) 
       $('.wizardBox').css('background-color','red');
    else
       $('.wizardBox').css('background-color','');
});

<强> Working Demo

Answer 2

是的...只需在复选框上收听更改事件，然后更改背景。

Answer 3

尝试

$('#img1').click(function() {
    if($(this).is(":checked")) 
       $(this).closest(".wizardBox").css('background-color','red');
});

Answer 4

嗨，最好将控件缓存在变量

中

//here we getting the control(div) in the variable 
var $div=$('.wizardBox');
$('#img1').change(function() {
    if($(this).is(":checked")) 
       $div.css('background-color','red');
    else
       $div.css('background-color','');
});

我已经为您更新了JSFiddle click here to see

当使用jquery选中复选框时，是否可以更改div的背景

4 个答案: