设置一个限制复选框，当它达到限制提交按钮将显示PHP&；jQuery_Php_Jquery_Checkbox_Limit

设置一个限制复选框，当它达到限制提交按钮将显示PHP&；jQuery

php jquery checkbox

设置一个限制复选框，当它达到限制提交按钮将显示PHP&；jQuery,php,jquery,checkbox,limit,Php,Jquery,Checkbox,Limit,我想限制我的复选框，当我达到限制时，将显示提交按钮，但是，一旦显示提交按钮，并且用户禁用了其中一个复选框， “提交”按钮将被禁用这是我的密码： <?php if (isset($_POST['lol'])){ foreach ($_POST["lol"] as $pastry) { if ($pastry=="cake") { //make sure the option they chose is part of the options :p echo "&l

我想限制我的复选框，当我达到限制时，将显示提交

按钮

，但是，一旦显示提交

按钮

，并且用户禁用了其中一个

复选框

， “提交”按钮将被禁用

这是我的密码：

<?php 
if (isset($_POST['lol'])){
  foreach ($_POST["lol"] as $pastry) { 
   if ($pastry=="cake") { //make sure the option they chose is part of the options :p 
    echo "<li>Cake</li>"; 
   } 
   if ($pastry=="pie") { 
    echo "<li>Pie</li>"; 
   } 
   if ($pastry=="cupcakes") { 
    echo "<li>Cupcakes</li>"; 
   } 
   if ($pastry=="brownies") { 
    echo "<li>Brownies</li>"; 
   } 
  } 
}
 ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<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("You can only select a maximum of "+limit+" checkboxes")
            this.checked=false
            }
        }
    }
}

</script>
</head>

<body>
<form action="test.php" id="poll" name="poll" method="post"> 
 <input type="checkbox" id='lol' name="lol[]" value="cake"> Cake :D <br> 
 <input type="checkbox" id='lol' name="lol[]" value="pie"> Pie <br> 
 <input type="checkbox" id='lol' name="lol[]" value="cupcakes"> Cupcakes ^O^ <br> 
 <input type="checkbox" id='lol' name="lol[]" value="brownies"> Brownies :D <br> 
 <input type="submit" value="Vote"> 
</form>

<script type="text/javascript">

//Syntax: checkboxlimit(checkbox_reference, limit)
checkboxlimit(document.forms.poll.lol, 2)

</script>
</body>
</html>


无标题文件
/***********************************************
*限制选中复选框的数量脚本-按JavaScript工具包（www.javascriptkit.com）
*此通知在使用时必须保持完整
*访问JavaScript工具包http://www.javascriptkit.com/ 对于此脚本和100多个
***********************************************/
功能checkboxlimit（检查组、限制）{
var checkgroup=checkgroup
风险限额=限额
对于（var i=0；i
ID在文档中是唯一的，您不能在多个元素上拥有相同的ID！当然，您需要使用jQuery，我没有看到它包含在操作代码中。@Alex-问题用jQuery标记！
var elems = $('#poll input[type="checkbox"]'),
    subm  = $('#poll input[type="submit"]').hide();

elems.on('change', function () {
    var limit = 2,
        _check = elems.filter(':checked').length;

    if (_check == limit) {
        subm.show();
    }else if (_check > limit) {
        alert("You can only select a maximum of " + limit + " checkboxes")
        this.checked = false;
    }else{
        subm.hide();
    }
});