チェックボックスリミッタは、ユーザーに選択の増分を促す

Question

さらに

質問

チェックボックスリミッタは、ユーザーに選択の増分を促す

私はユーザーが3つのボックスだけを選択できるフォームを持っています。しかし、ユーザーが4番目のボックスを選択して選択肢を増やすかどうかを尋ねるプロンプトが表示され、「はい」を選択すると、チェックできるボックスの数が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; ilimit){
            alert("Your box is full.")
            this.checked=false
            }
        }
    }
}

</script>

Select your favorite two countries below:


<input type="checkbox" name="countries" /> USA

<input type="checkbox" name="countries" /> Canada

<input type="checkbox" name="countries" /> Japan

<input type="checkbox" name="countries" /> China

<input type="checkbox" name="countries" /> France



<script type="text/javascript">

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

</script>

プログラミング

javascript

html

人気

1

Roxana Elizabeth CASTILLO Avalos

2

3

4

5

david · Answer 1 · 2011-10-27T19:45:07+00:00

これを試して

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
    }
    } }
 }
}

あなたが望むように動作するかどうか、私に知らせてください