Javascript 复选框限制器提示用户增加选择增量
我有一个表单,允许用户只选择3个框。但是,当用户选择第四个框时,我希望出现一个提示,询问他们是否希望增加选择,如果他们选择是,允许他们检查的框数将增加到5。 这是我正在销售的产品列表 任何人都知道怎么做。以下是我的示例代码:Javascript 复选框限制器提示用户增加选择增量,javascript,html,Javascript,Html,我有一个表单,允许用户只选择3个框。但是,当用户选择第四个框时,我希望出现一个提示,询问他们是否希望增加选择,如果他们选择是,允许他们检查的框数将增加到5。 这是我正在销售的产品列表 任何人都知道怎么做。以下是我的示例代码: <script type="text/javascript"> /*********************************************** * Limit number of checked checkboxes script-
<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
}
} }
}
}
让我知道它是否如你所愿工作它必须是前三个还是他们能以任意/随机顺序检查三个中的任何一个?不,这不起作用。我决定使用一种更简单的方法,但是,如果有人想尝试一下,请放心!这是一个很好的挑战!