JavaScript验证

Question

我正在使用以下代码来检查是否从asp.net的复选框列表中至少选择了一个复选框。 我正在使用jGrowl抛出一条可行的消息，但是如果做出选择，该消息仍会显示。 有任何想法吗？ 另外，story_type是一个asp标签，我正在使用下面的代码，但无法显示jGrowl消息...

var story_type = document.getElementById('story_type').value;
var agile_list = document.getElementById('agile_factors');
var arrayOfCheckBoxes = agile_list.getElementsByTagName("input"); 

for (counter = 0; counter < arrayOfCheckBoxes.length; counter++) {

    if (arrayOfCheckBoxes[counter].checked) {

        return true;

    } else {

        (function($) {
         $.jGrowl("Please Choose up to 3 Agile Factors", { theme: 'smoke', closer: true });
        })(jQuery);

        return false;
    }

}

if (story_type == "[SELECT TYPE]") {
    (function($) {
        $.jGrowl("Please Select Story Type", { theme: 'smoke', sticky: true, closer: true })
        return false;

    })(jQuery);

    return true;
} 

Answer 1

由于您拥有jQuery，因此可以这样做以简化您的代码：

   <div id="options">
        <input type="checkbox" name="opt1" /> Option 1
        <input type="checkbox" name="opt2" /> Option 2
        <input type="checkbox" name="opt3" /> Option 3
        <input type="checkbox" name="opt4" /> Option 4
    </div>
    <div>
        <a href="#" id="validate">validate</a>
    </div>
    <script type="text/javascript">
    ;(function() {

        $("#validate").click(function() {
            validateInputs();
        });


        function validateInputs() {
            alert($("#options input:checked").length + " checked");
        }
    })();

</script>

这是上面代码的jsFiddle; http://jsfiddle.net/rvXHG/