2016-02-04 69 views
-1

我怎样才能检查至少有一个复选框必须在PHP中使用jQuery选择? 如果用户没有标记任何复选框,我想显示警报。如何检查至少一个复选框必须在PHP中选择jQuery的

以下是我正在测试的当前代码,但它始终提供警报。

HTML:

<div class="form"> 
    <form id="dddd" action="action.php" method="post" enctype="multipart/form-data"> 
    <div> 
     <label><input type="checkbox" name="checkboxlist[]" value="a" checked> a</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="b" checked> b</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="c" checked> c</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="d" checked> d</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="e" checked> e</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="f" checked> f</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="g" checked> g</label> 
    </div> 
    <p> 
     <button type="submit" class="btn btn-primary">Start</button>  
    </p> 
    </form> 

的JavaScript:

$(document).ready(function() { 
    $("form#dddd").submit (function() { 
    if ($('.checkboxlist').is(":checked") == false) { 
     alert("Please select at least one item !"); 
     return false; 
    } 
    return true; 
    }); 
}); 

编辑基于响应和运行 工作代码

<script> 
    $(document).ready(function() { 
     $("form#dddd").submit (function() { 
      if($('input[type="checkbox"]:checked').length) { 
       return true; 
      } else { 
       alert("Please select at least one item !"); 
       return false; 
      }   
     }); 
    }); 
</script> 
+0

凡有你'

+0

考虑使用'单选按钮单曲。他们的目的是强制用户选择恰好一个选项。 – slartidan

+0

你问了很多问题,但还没有接受任何答案。这个网站是双向的。如果你期望得到帮助,你应该通过接受他们的回答来奖励那些帮助你的人。阅读[接受答案如何工作?](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work)并开始回馈社区。 –

回答

4

检查:checked复选框的长度类似以下

if($('input[type="checkbox"]:checked').length) { 
    // do your stuff 
} 

代替

if($('.checkboxlist').is(":checked") == false) { 

} 
+0

谢谢你的回答。我根据您的答案编辑我的代码并使用代码。 – vjdj

+0

@vjdj应该工作,并在我自己的机器上进行测试。你确定你加载了jQuery库? –

+0

现在代码工作,感谢您的帮助。我用工作代码编辑我的第一篇文章。 – vjdj

1

试试这个:

if($('input[name^=checkboxlist]:checked').length > 0) { 
    alert("success"); 
} else { 
    alert("error"); 
    return false; 
} 
+0

在alert(“error”)后面应该有一个'return false;';否则脚本会继续执行。也许“回归真实”,也是为了成功。但是,前者在这里是最重要的。 –

相关问题