jquery - (jQuery)基于检查属性的不同结果

Question

我想根据它的 child 是否被选中，以及它是否在 HTML 中具有 checked='checked' 属性来更改某些东西的背景颜色。

基本上，这就是我想要的:

• 如果它默认选中(checked='checked')并且用户取消选中它，红色背景
• 如果默认勾选，但不再勾选(用户取消勾选)，但用户再次勾选，绿色背景
• 如果默认不勾选，用户勾选，蓝色背景
• 如果默认不勾选，用户勾选后又取消勾选，白色背景...

这是我目前得到的:

    $(document).ready(function(){        $("#memberForm input").change(function() {            if($(this).is(":checked") == true ) {                $(this).closest('dt').css({"background" : "green"});            }            else {                $(this).closest('dt').css({"background" : "red"}); }        });    });

我不知道如何在结果中合并默认值...

Answer 1

您可以在初始加载时向所有选中的输入添加一个类:

$("input:checked").addClass("waschecked");

然后检查该输入是否有类来判断它是否在初始加载时被检查:

$(this).hasClass("waschecked")