我有这段代码，但它似乎没有返回 true。警报总是出现。任何想法（无需创建一个 var 来存储已选中的复选框，因为这似乎有点 hacky）。
谢谢。
$("#form").submit(function(e) {
$('input[type=checkbox]').each(function () {
if(this.checked){
return true;
}
});
alert("Please select at least one to upgrade.");
return false;
});
【问题讨论】：
标签： jquery forms checkbox submit
您无需执行循环来确定是否选中了复选框。 :checked 选择器过滤掉所有未选中的。然后您可以使用$.length 来获取已检查输入的计数。
$("#form").submit(function(e) {
if(!$('input[type=checkbox]:checked').length) {
alert("Please select at least one to upgrade.");
//stop the form from submitting
return false;
}
return true;
});
此外，使用您的方法，一个小的改变应该可以使这项工作发挥作用
$("#form").submit(function(e) {
$('input[type=checkbox]').each(function () {
if($(this).is(':checked')){
return true;
}
});
alert("Please select at least one to upgrade.");
return false;
});
我认为您可能只是缺少this 周围的$()
【讨论】：
需要指出的是，您使用的是 ID 引用 #form。您是指仅引用所有表单，还是该表单的 ID 为 form？
【讨论】：
检查复选框数量的示例...
<script>
function countChecked() {
var n = $("input:checked").length;
$("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);
</script>
"$("input:checked")" 上方返回检查项的数组...您可以检查此数组的“长度”是否 > 0。
【讨论】：
点击进入提交按钮的代码：
$(":input").bind("click keypress", function(evt) {
var keyCode = evt.which || evt.keyCode;
var sender = evt.target;
if (keyCode == 13 || sender.type == "submit") {
evt.preventDefault();
// add your validations
}
// and submit the form
}
【讨论】：
var atleast = 1;
function validate() {
debugger;
var CHK = document.getElementById("<%=chk1");
var checkbox = document.getElementsByTagName("input");
var counter = 0;
for (var i = 0; i < checkbox.length; i++) {
if (checkbox[i].checked) {
counter++;
}
}
if (atleast > counter) {
alert("Please select atleast " + atleast + " employee ");
return false;
}
return true;
}
<button type="submit" name="Initiate" value="Initiate" on click="return validate()" id=" initiate"></button>
【讨论】：