0

2つのチェックボックスを含む次のサンプルコードがあります。ユーザーが[送信]ボタンを押すと、選択されているチェックボックスの数を決定する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

欠落#していることにmyText注意してください。IDにアクセスするには、これを行う必要があります。mytextid

$("#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 に答える