jquery 判断多组radio checkbox是否选中

最新推荐文章于 2019-07-04 14:37:37 发布

转载最新推荐文章于 2019-07-04 14:37:37 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2245444/blog/326753

文章标签：

#javascript #python #ViewUI

本文介绍了一种使用JavaScript实现的表单验证方法，主要针对HTML中的单选按钮（Radio）和复选框（Checkbox）。通过获取所有单选按钮和复选框的名称，并进行排序和去重处理，确保每个选项组都有被选中的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

html代码就不上了，N多单选和多选框就对了。。。

function validate_all(){
    var radioName = new Array();
    $(":radio").each(function(){
        radioName.push($(this).attr("name"));
    });
    $(":checkbox").each(function(){
        radioName.push($(this).attr("name"));
    });
    radioName.sort();
    $.unique(radioName);
    $.each(radioName,function(i,val){
        if(!checkRadio(val)){
            alert("您还有未选择项，请选择，谢谢~");
            return false;
        }
    });
}

function checkRadio(radioName){
    return $("input[name="+radioName+"]:checked").val() == null ? false : true;
}

哈哈，其实就是获取所有radio和checkbox的name，sort()排完序后用unique去除重复，在each数组遍历每个name是否有选中值就ok啦~

转载于:https://my.oschina.net/u/2245444/blog/326753