首页 / JAVASCRIPT / 如果未选中任何复选框,请发出警报！ .. ELSE ..提交. (JavaScript)的

如果未选中任何复选框,请发出警报！ .. ELSE ..提交. (JavaScript)的

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如果未选中任何复选框,请发出警报！ .. ELSE ..提交. (JavaScript)的，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2221字，纯文字阅读大概需要4分钟。

内容图文

语言：Javascript

我真的很讨厌问这样一个看似简单的问题,但是看起来很简单,我无法解决这个问题.

我试图完全用纯Javascript完全做到这一点(不支持库).

我有一个带有复选框的表格…
所有复选框都命名为files [],因为我在数组中使用了结果：

<input type='checkbox' name='files[]' id='1' value='1' /> file 1<br>
<input type='checkbox' name='files[]' id='2' value='2' /> file 2<br>
<input type='checkbox' name='files[]' id='3' value='3' /> file 3<br>

我想做的是,当用户提交表单时：

>如果未选中任何复选框,则>>返回警报！
> ELSE提交表格

这是我的表格：

<form name="deleteFiles" action="" method="post" onsubmit="return confirm_update();">

    <input type='checkbox' name='files[]' id='1' value='1' /> file 1<br>
    <input type='checkbox' name='files[]' id='2' value='2' /> file 2<br>
    <input type='checkbox' name='files[]' id='3' value='3' /> file 3<br>
    <input type="submit" value="Submit" name="submit">

</form>?

这是我的Javascript代码：

function confirm_update() {
    var aCheckbox = document.deleteFiles.getElementsByTagName('input');

    if (aCheckbox.checked){
    return confirm("Are you sure you want to proceed deleting the selected files?");

    } else {
        alert("You do not have any selected files to delete.");
        return false;
    }
}?

实际使用中：http://jsfiddle.net/DVqwB/3/

显然,它不起作用,我知道我应该使用getElementsById,但是由于它们每个都有唯一的ID,所以我不能使用它.而且我也知道这个网站上有很多解决方案,但是如果您看的话,他们实际上使用jQuery …

任何帮助和指导将不胜感激！非常感谢.

解决方法:

迭代集合的正确方法是：(完整示例)

function confirm_update() {
    var arrCheckboxes = document.deleteFiles.elements["files[]"];
    var checkCount = 0;
    for (var i = 0; i < arrCheckboxes.length; i++) {
        checkCount += (arrCheckboxes[i].checked) ? 1 : 0;
    }

    if (checkCount > 0){
        return confirm("Are you sure you want to proceed deleting the selected   files?");
    } else {
        alert("You do not have any selected files to delete.");
        return false;
    }
}
body {
    margin: 30px;
}
<form name="deleteFiles" action="" method="post" onsubmit="return confirm_update();">
    
    <input type='checkbox' name='files[]' id='1' value='1' /> file 1<br />
    <input type='checkbox' name='files[]' id='2' value='2' /> file 2<br />
    <input type='checkbox' name='files[]' id='3' value='3' /> file 3<br />
    <input type="submit" value="Submit" name="submit" />
    
</form>

内容总结

以上是互联网集市为您收集整理的如果未选中任何复选框,请发出警报！ .. ELSE ..提交. (JavaScript)的全部内容，希望文章能够帮你解决如果未选中任何复选框,请发出警报！ .. ELSE ..提交. (JavaScript)的所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/691098.html

来源：【匿名】