0

我遇到了 jQuery Validator 插件和单选按钮的问题。我有一组三个"lookingfor"单选按钮......我想确保至少有一个被选中。尽管无论我做什么，我仍然会收到“此字段为必填项”的消息。有任何想法吗？

<html>
<body>
<form action="#" id="signupform" method="post">
        <label for="lookingfor" class="error"></label>
        <fieldset name="lookingfor">
            <input type="radio" name="lookingfor" value="female"/>
                <label for="female"><div class="sprite female" ></div></label>
            <input type="radio" name="lookingfor" value="male" />
                <label for="male"><div class="sprite male"></div></label>
            <input type="radio" name="lookingfor" value="other" />
                <label for="other"><div class="sprite other"></div></label> 
        </fieldset>
        <input type="submit" id="submit" value="" />
    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js" type="text/javascript"></script>
<script>
    jQuery(document).ready(function() {
        jQuery("#signupform").validate({
            rules: {
                lookingfor:{ required: true }
            }
        });
        });
        </script>
        </body>
</html>
4

2 回答 2

2

根本问题是您复制了radio按钮组的name, lookingfor, 内部<fieldset>：

<fieldset name="lookingfor">

删除这个重复的名称，它工作正常。

演示：http: //jsfiddle.net/8qbUn/

于 2013-03-11T05:09:29.623 回答
-1

在一个输入中添加选中，这样它将成为默认选择的单选按钮？

于 2013-03-11T05:00:51.130 回答