JQuery 验证复选框并显示反馈答案

【问题标题】：JQuery validate Checkbox and Display FeedbackJQuery 验证复选框并显示反馈
【发布时间】：2012-07-16 10:30:55
【问题描述】：

我有以下示例代码，其中包含两个复选框。当用户点击提交按钮时，我有一些 JQuery 代码，它决定了有多少复选框被选中。

<html>
<head>
<title>Test</title>


<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

<script>

    $(function () {
        $('form').submit(function () {

            var fields = $("input[name='group']").serializeArray();
            if (fields.length == 0) {
                //alert('nothing selected');
                $("myText").html("Selected");
            }
            else {
                //alert(fields.length + " items selected");
                $("myText").html("Not Selected");
            }

        });
    });


</script>

</head>
<body>
<div>

    <form>

    <input type="checkbox" name="group" value="1" />1
    <input type="checkbox" name="group" value="2" />2

    <input type="submit" value="Submit" />


    <div id="myText"></div>

    </form>

</div>

如果没有选中任何复选框，我可以创建一个警告框来通知用户，但是，理想情况下，我想避免使用警告框，而是向我创建的 DIV 添加一些反馈文本.

您可以看到我正在尝试使用以下代码进行此操作

$("myText").html("Selected");

但由于某种原因，它似乎不起作用。

谁能帮帮我，不胜感激。

谢谢。

托尼。

【问题讨论】：

标签： jquery asp.net-mvc-3 checkbox jquery-validate

【解决方案1】：

在myText 中缺少# 请注意mytext 是id 并且要访问ID，您需要这样做

$("#myText").html("Selected"); rest 应该像火箭一样工作。

希望这有助于事业:)

  $(function () {
        $('form').submit(function () {

            var fields = $("input[name='group']").serializeArray();
            if (fields.length == 0) {
                //alert('nothing selected');
                $("#myText").html("Selected");
            }
            else {
                //alert(fields.length + " items selected");
                $("#myText").html("Not Selected");
            }

        });
    });

【讨论】：

@tgriffiths 不用担心 :) 很高兴它有帮助！