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

时间:2013-11-17 11:43:04

标签: javascript php jquery forms checkbox

我在我的页面上合并了两个脚本。第一个(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

提前谢谢!

1 个答案:

答案 0 :(得分:0)

首先你的代码实际上不会工作,因为你的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
     }

 }