Question

我有以下示例代码，其中包含两个复选框。当用户点击Submit按钮时，我有一些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");

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

任何人都可以给我一些帮助，我们将不胜感激。

感谢。

贝。

Answer 1

在#中遗漏myText请注意mytext为id并且要访问ID，您需要执行此操作

$("#myText").html("Selected");休息应该像火箭一样。

希望这有助于推动:)

  $(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");
            }

        });
    });

JQuery验证Checkbox和显示反馈

1 个答案: