onchange on onchange复选框: jquery

Question

我是jquery的新手，我遇到了问题，我想在单击复选框时更改父div的背景颜色

敬请指教

谢谢

<script type="text/javascript">
    function chngbg(id){
        id2 = "d-" + id;
        $(id2).addClass('bg');
    }
</script>

<div class="dataDiv" id="d-<?=$row->id?>">
    <input type="checkbox" onchange="chngbg($(this).val());" value="<?=$row->id?>" name="cbox" /></span>
</div>

Answer 1

您的id选择器中缺少#。

function chngbg (id) { 
    id2 = "#d-" + id; 
    $(id2).addClass('bg'); 
}

顺便说一句，您有一个额外的</span>，它似乎不属于它。

Answer 2

id选择器需要有一个前导#字符。

var id2 = "#d-" + id;

Answer 3

如果你正在学习jquery，最好使用下面的方法来完成这些任务。

$("#yourcheckboxselector").change(function() {
    id = "#d-" + id;
    $(id).addClass('bg');
});