Javascript 复选框限制器提示用户增加选择增量

Javascript 复选框限制器提示用户增加选择增量,javascript,html,Javascript,Html,我有一个表单,允许用户只选择3个框。但是,当用户选择第四个框时,我希望出现一个提示,询问他们是否希望增加选择,如果他们选择是,允许他们检查的框数将增加到5。 这是我正在销售的产品列表 任何人都知道怎么做。以下是我的示例代码: <script type="text/javascript"> /*********************************************** * Limit number of checked checkboxes script-

我有一个表单,允许用户只选择3个框。但是,当用户选择第四个框时,我希望出现一个提示,询问他们是否希望增加选择,如果他们选择是,允许他们检查的框数将增加到5。 这是我正在销售的产品列表

任何人都知道怎么做。以下是我的示例代码:

    <script type="text/javascript">

/***********************************************
* Limit number of checked checkboxes script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

function checkboxlimit(checkgroup, limit){
    var checkgroup=checkgroup
    var limit=limit
    for (var i=0; i<checkgroup.length; i++){
        checkgroup[i].onclick=function(){
        var checkedcount=0
        for (var i=0; i<checkgroup.length; i++)
            checkedcount+=(checkgroup[i].checked)? 1 : 0
        if (checkedcount>limit){
            alert("Your box is full.")
            this.checked=false
            }
        }
    }
}

</script>

<p>Select your favorite two countries below:</p>

<form id="world" name="world">
<input type="checkbox" name="countries" /> USA<br />
<input type="checkbox" name="countries" /> Canada<br />
<input type="checkbox" name="countries" /> Japan<br />
<input type="checkbox" name="countries" /> China<br />
<input type="checkbox" name="countries" /> France<br />
</form>

<script type="text/javascript">

//Syntax: checkboxlimit(checkbox_reference, limit)
checkboxlimit(document.forms.world.countries, 2)

</script>

/***********************************************
*限制选中复选框的数量脚本-按JavaScript工具包(www.javascriptkit.com)
*此通知在使用时必须保持完整
*访问JavaScript工具包http://www.javascriptkit.com/ 对于此脚本和100多个
***********************************************/
功能checkboxlimit(检查组、限制){
var checkgroup=checkgroup
风险限额=限额
对于(var i=0;i试试这个

function checkboxlimit(checkgroup, limit){

   var v_checkgroup = checkgroup;
   var v_limit = limit;

  for (var i=0; i < v_checkgroup.length; i++){

    v_checkgroup[i].onclick= function(){

    var checkedcount = 0;

    for (var i=0; i < v_checkgroup.length; i++)

    checkedcount += (v_checkgroup[i].checked)? 1 : 0

    if (checkedcount > v_limit){
    var confirmIncrease = confirm("would like to increase you selection\r\nSelect yes to increase or\r\nCancle to remove");
    if(confirmIncrease){        

    // manualy set the limit
           //  v_limit = 5; 
           // set the limit based on number of checkboxs
    v_limit = checkgroup.length; // rase the limit to the remaining


    }else{ // uncheck if they dont wish to increase the limit 
    //alert("no worries")
    this.checked=false
    }
    } }
 }
}
功能检查框限制(检查组,限制){
var v_checkgroup=checkgroup;
var v_limit=极限;
对于(变量i=0;iv_限制){
var confirmIncrease=confirm(“希望增加您的选择\r\n选择“是”以增加或\r\n选择“包括”以删除”);
如果(确认增加){
//手动设置限制
//v_限值=5;
//根据复选框的数量设置限制
v_limit=checkgroup.length;//将限制设置为剩余的
}否则{//如果他们不想增加限额,请取消选中
//警惕(“不用担心”)
这个。checked=false
}
} }
}
}

让我知道它是否如你所愿工作

它必须是前三个还是他们能以任意/随机顺序检查三个中的任何一个?不,这不起作用。我决定使用一种更简单的方法,但是,如果有人想尝试一下,请放心!这是一个很好的挑战!