0

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

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

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

谢谢。

托尼。

4

1 回答 1

1

请注意缺少#的是，要访问您需要执行此操作的 IDmyTextmytextid

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

        });
    });
于 2012-07-16T10:35:12.043 回答