组合复选框以激活文本字段和有限数量的允许复选框

Combining checking box to activate text field and limited number of allowed checked boxes

本文关键字：复选框 激活 文本 字段 组合      更新时间：2023-09-26

我在页面上组合了两个脚本。第一个 （http://htmlgoodies.com/tutorials/forms/article.php/3479181） 确保用户总共只能选中 2 个复选框。第二个强制用户选中复选框以激活文本字段或其他输入源。

$('#surname').change(function(){
   $("#surname_input").prop("disabled", !$(this).is(':checked'));
});

除了一件事外，这工作正常。如果您选中三个复选框并收到错误消息，因此"取消选中"复选框，则连接到复选框的输入字段仍处于激活状态，就像实际选中复选框一样。有没有办法确保脚本仅在实际选中复选框而不是单击时才激活输入字段？

您可以在这里自己尝试一下：

http://leohård.se/avc/form.php

提前谢谢你！

首先，您的代码实际上不起作用，因为您的newcount是一个局部变量，因此每次调用此函数时，它都会变为0。为了使这项工作，只需将变量newcount放在函数keepCount之外并尝试此代码 

if (document.resume.title.checked)
{
    NewCount = NewCount + 1;
    if (NewCount == 3)
     {
            //uncheck your checkbox here
        NewCount = NewCount - 1; //decrement the newcount by 1 so now the count is back to 2
     }
 }
相关文章：