在Jquery中,如何检查字段集中是否没有选中任何单选按钮?

时间:2012-02-18 16:06:29

标签: jquery forms radio-button fieldset

我希望能够找出字段集中的任何单选按钮是否以包含多个字段集的形式进行检查,每个字段集包含多个单选按钮。

我目前能够检查所检查的无线电按钮的数量,因此通过高亮显示通过css addClass提交验证,并检查零无线电按钮的字段集。

参见示例:http://jsfiddle.net/ykK2s/6/

2 个答案:

答案 0 :(得分:0)

尝试使用

var validate = function() {
    var count = 0;
    var fieldSetWithCheckboxes = $('fieldset').each(function(index, item) {
        if (($(item).find('input:radio').length > 0 && $(item).find('input:radio:checked').length === 0)) {
            $(item).addClass('alert');
            count++;
        }
        else{
             $(item).removeClass('alert');
        }
    });
    return (count > 0) ? false : true;
};


$('#multilistings').submit(function() {
    var result = validate();
    return result;
});​

此处结帐示例:fiddle

注意:我使用dumb字段集更新了HTML,该字段集没有任何复选框(不会突出显示)

PS:您显然应该使用其他类来突出显示错误:P

答案 1 :(得分:0)

试试这个小提琴,我已经更新了你的功能http://jsfiddle.net/heera/ykK2s/9 这只是一个例子,你可以自定义它。