javascript - 使用 JavaScript 验证复选框选择

Question

我需要帮助编写我需要执行的自定义函数。

概念很简单:我向客户提供约 20 种产品的列表，然后要求他们使用复选框从整个列表中选择 5 种产品。 p>

当他们选择产品时，它需要更新隐藏的输入，以便我能够将其插入我的数据库中。

我们可以从这样的开始:http://jsfiddle.net/9mxh5/但它只需要工作，所以我只能选择一些复选框。

这是我们也可以使用的一些代码

<input type="checkbox" name="products" value="product1" onChange="javascript:updateProducts();"/>
<input type="checkbox" name="products" value="product2" onChange="javascript:updateProducts();"/>
<input type="checkbox" name="products" value="product3" onChange="javascript:updateProducts();"/>
<input type="checkbox" name="products" value="product4" onChange="javascript:updateProducts();"/>

<!-- Hidden -->
<input type="hidden" name="myFiveProducts" value="THELIST" />

我在那里使用了 jsfiddle 并像我想做的那样调整它:http://jsfiddle.net/ENxnK/15/

提前感谢您的帮助。

Answer 1

我已经给出了 3 的条件。您可以将其更改为 5，我认为您可以自己分配隐藏变量。如果我不能，请告诉我。我会更新的

<script type="text/javascript">
var i=0;
    function updateProducts(myid)
{

    if(document.getElementById(myid).checked==true)
    {i=i+1;

    if(i==3)
    {
    document.getElementById("products1").disabled="disabled";
    document.getElementById("products2").disabled="disabled";
    document.getElementById("products3").disabled="disabled";
    document.getElementById("products4").disabled="disabled";
    }
    }
    else
    i=i-1;
}
</script>
    <div id="mydiv">
<input type="checkbox" id="products1" value="product1" onChange="javascript:updateProducts(this.id);"/>
<input type="checkbox" id="products2" value="product2" onChange="javascript:updateProducts(this.id);"/>
<input type="checkbox" id="products3" value="product3" onChange="javascript:updateProducts(this.id);"/>
<input type="checkbox" id="products4" value="product4" onChange="javascript:updateProducts(this.id);"/>
</div>