Javascript jquery是否选中了任何复选框
关于复选框有很多问题,但这有点不同。 如果用户选中了任何复选框,我想显示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可能会像这样派上用场: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
$("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>
顶部代码何时执行?顶部代码何时执行的可能重复?感谢您的帮助的可能重复:感谢您的帮助: