表单上所有复选框的 jQuery 验证代码

发布于 2024-12-07 09:41:30 字数 387 浏览 1 评论 0原文

我有一个表单，它生成一个记录列表，旁边的每条记录都有一个复选框。

如果用户没有检查任何记录并点击提交，则应该出现一个对话框警告他“您没有检查任何记录”。如果他选择继续，那么他将被重定向到下一页，否则他将在同一页面上选择其余记录。

我不太擅长 jQuery 和 javascript。任何帮助将不胜感激。

我正在寻找的逻辑是这样的

提交按钮

<script>
if(
 (input:checkbox).count = (input:checkbox).is(checked).count
 //proceed to the next page
else(
 dialogue("Message")
)
</script>

原文

I have a Form that generates a list of records with a checkbox for each record next to it.

If the user does not check any of the records and hits submit, then a dialog box should warn him saying "you did not check any records". If he chooses to continue, then he will be redirected to the next page, otherwise he will be held on the same page to select the rest of the records.

I am not so good with jQuery and javascript. Any help would be greatly appreciated.

The logic i am looking for is something like this

on submit button

<script>
if(
 (input:checkbox).count = (input:checkbox).is(checked).count
 //proceed to the next page
else(
 dialogue("Message")
)
</script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光与爱终年不遇 2024-12-14 09:41:30

首先，我们假设您的表单有 id="myForm"：

$('#myForm').submit(function()
{
    if($('#myForm input:checkbox:checked').length == 0)
    {
        //Tell the user he/she needs to check some boxes
        return false; // this stops the form from being submitted
    } 
});

编辑：记住将所有这些放入其中

$('document').ready(function(){

});

first, let's assume your form has id="myForm":

$('#myForm').submit(function()
{
    if($('#myForm input:checkbox:checked').length == 0)
    {
        //Tell the user he/she needs to check some boxes
        return false; // this stops the form from being submitted
    } 
});

EDIT: Remember to put all of this inside

$('document').ready(function(){

});

回复收藏 0 原文

梦忆晨望 2024-12-14 09:41:30

在 jQuery 中，这将是：

    

     $(function(){

        $('#submit').click(function(){

            if($('input:checkbox:checked').length > 0){

                // next

            }else{

                alert('check a box');

            }

        });

    });

in jQuery this will be:

    

     $(function(){

        $('#submit').click(function(){

            if($('input:checkbox:checked').length > 0){

                // next

            }else{

                alert('check a box');

            }

        });

    });

回复收藏 0 原文

~没有更多了~