Jquery 显示特定复选框的DIV

我有5个支票箱。 仅当选中3td复选框（value=“3”）时，我才想显示DIV（class=“hideDiv”）

等待支持答复

等待客户回复

解决

质量保证

等待程序员回复

内容

这是代码。仅当且仅当仅选中第三个选项，而不是第三个选项和另一个选项时，才会显示div。如果选择了“第三”，则可以将其更改为显示，也可以更改为任何其他

$(".tinyField").change(function() {
    if ($(".tinyField:checked").val() === "3" && $(".tinyField:checked").length === 1) {
        $(".hideDiv").show();
    } else {
        $(".hideDiv").hide();
    }
});

$（“.tinyField”）.change（函数（）{
如果（$（“.tinyField:checked”）.val（）==“3”&&$（“.tinyField:checked”）.length==1）{
$（“.hideDiv”）.show（）；
}否则{
$（“.hideDiv”）.hide（）；
}
});


等待支持答复


等待客户回复


解决了的


质量保证


等待程序员回复

内容
这是一个普通的javascript解决方案


window.onload=function（）{
var checkbox=document.querySelectorAll（'input[type=checkbox]）；
var thirdDiv=document.getElementById（'3'）；
复选框。forEach（函数（复选框）{
checkbox.addEventListener（'change'，function（））{
var值=此值；
if（this.value==3&&this.checked）{
thirdDiv.classList='hideDiv'；
}
其他的
thirdDiv.classList=“”；
});
});
}
.hideDiv{
显示：无；
明确：两者皆有；
}

等待支持答复


等待客户回复


解决了的


质量保证


等待程序员回复

内容

$(".tinyField").change(function() {
    if ($(".tinyField:checked").val() === "3" && $(".tinyField:checked").length === 1) {
        $(".hideDiv").show();
    } else {
        $(".hideDiv").hide();
    }
});