Javascript jquery是否选中了任何复选框

Javascript jquery是否选中了任何复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,关于复选框有很多问题,但这有点不同。 如果用户选中了任何复选框,我想显示css属性。如果用户取消选中所有css属性应该被删除的复选框。 我找到了这个密码 如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } 我有一辆车 我有一辆自行车 我什么都没有 测试您应该使用$frmTest输入[type='che

关于复选框有很多问题,但这有点不同。 如果用户选中了任何复选框,我想显示css属性。如果用户取消选中所有css属性应该被删除的复选框。 我找到了这个密码

如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } 我有一辆车 我有一辆自行车 我什么都没有 测试您应该使用$frmTest输入[type='checkbox']。更改。。。这一事件,如:

$frmTest输入[type='checkbox'].changefunction{ 如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } }.触发变化; 我有一辆车 我有一辆自行车 我什么都没有 测试您应该使用$frmTest输入[type='checkbox']。更改。。。这一事件,如:

$frmTest输入[type='checkbox'].changefunction{ 如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } }.触发变化; 我有一辆车 我有一辆自行车 我什么都没有 测试试试这个:

jQuery'frmTest input[type=checkbox]'。关于'change',函数{ var len=jQuery'frmTest输入[type=checkbox]:选中。长度; 如果len>0{ $.css-check.cssbackground-color,黄色; }如果len==0,则为else{ $.css-check.cssbackground-color,粉红色; } }.触发“改变”; 我有一辆车 我有一辆自行车 我什么都没有 测试试试这个:

jQuery'frmTest input[type=checkbox]'。关于'change',函数{ var len=jQuery'frmTest输入[type=checkbox]:选中。长度; 如果len>0{ $.css-check.cssbackground-color,黄色; }如果len==0,则为else{ $.css-check.cssbackground-color,粉红色; } }.触发“改变”; 我有一辆车 我有一辆自行车 我什么都没有 TEST如果您想添加或删除CSS属性,JQuery函数addClass和removeClass可能会像这样派上用场:

$("input[type=checkbox]").change(function () {
    if ($('#frmTest input[type=checkbox]:checked').length > 0) {
        $(".css-check").addClass("highlight");
    } else {
        $(".css-check").removeClass("highlight");
    }
});
CSS:

您提供的代码示例缺少等待复选框更改的部分,因此您需要添加.change。。。复选框上的事件:

$("input[type=checkbox]").change(function () {...
如果选中了任何复选框,且选中的元素长度大于0,则上述代码会将css类高亮显示添加到css检查类标识的元素中。否则它会从中删除类,从而删除CSS属性。

如果您想添加或删除CSS属性,JQuery函数addClass和removeClass可能会像这样派上用场:

$("input[type=checkbox]").change(function () {
    if ($('#frmTest input[type=checkbox]:checked').length > 0) {
        $(".css-check").addClass("highlight");
    } else {
        $(".css-check").removeClass("highlight");
    }
});
CSS:

您提供的代码示例缺少等待复选框更改的部分,因此您需要添加.change。。。复选框上的事件:

$("input[type=checkbox]").change(function () {...
如果选中了任何复选框,且选中的元素长度大于0,则上述代码会将css类高亮显示添加到css检查类标识的元素中。否则它将从中删除类,从而删除CSS属性。

您应该在复选框上绑定更改事件,因为标记/取消标记会触发更改事件,您可以使用.triggerevent触发应用的特定事件:

$'frmTest:checkbox'.changefunction{ 如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } }.触发“改变”; 我有一辆车 我有一辆自行车 我什么都没有 TEST您应该在复选框上绑定更改事件,因为标记/取消标记会触发更改事件,您可以使用.triggerevent触发应用的特定事件:

$'frmTest:checkbox'.changefunction{ 如果jQuery'frmTest输入[type=checkbox]:已选中。长度>0{ $.css-check.cssbackground-color,黄色; }否则{ $.css-check.cssbackground-color,粉红色; } }.触发“改变”; 我有一辆车 我有一辆自行车 我什么都没有 测试请尝试以下代码:

<script type="text/javascript">
$(document).ready(function() {
if (jQuery('#frmTest input[type=checkbox]:checked').length > 0) {
    $(".css-check").css("background-color", "yellow");
} else {
    $(".css-check").css("background-color", "pink");
}
$("input[type=checkbox]").change(function () {
if (jQuery('#frmTest input[type=checkbox]:checked').length > 0) {
    $(".css-check").css("background-color", "yellow");
} else {
    $(".css-check").css("background-color", "pink");
}
}); 

}); 
</script>
请尝试以下代码:

<script type="text/javascript">
$(document).ready(function() {
if (jQuery('#frmTest input[type=checkbox]:checked').length > 0) {
    $(".css-check").css("background-color", "yellow");
} else {
    $(".css-check").css("background-color", "pink");
}
$("input[type=checkbox]").change(function () {
if (jQuery('#frmTest input[type=checkbox]:checked').length > 0) {
    $(".css-check").css("background-color", "yellow");
} else {
    $(".css-check").css("background-color", "pink");
}
}); 

}); 
</script>

顶部代码何时执行?顶部代码何时执行的可能重复?感谢您的帮助的可能重复:感谢您的帮助: