判断所有input单选框是否全部选中

最新推荐文章于 2022-08-06 17:53:34 发布

niesiyuan000

最新推荐文章于 2022-08-06 17:53:34 发布

阅读量1k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/niesiyuan000/article/details/100126860

版权

Javascript 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

html

<div class="listWrap">
        <div class="list">
            <p class="title">第一题</p>
            <div class="boxWrap">
                <div class="box">
                    <input type="radio" name="1" questionId='q11' optionId='o14'>
                    <p class="1">11111</p>
                </div>
                <div class="box">
                    <input type="radio" name="1" questionId='q12' optionId='o14'>
                    <p class="1">富士达</p>
                </div>
                <div class="box">
                    <input type="radio" name="1" questionId='q13' optionId='o14'>
                    <p class="1">范德萨发生</p>
                </div>
                <div class="box">
                    <input type="radio" name="1" questionId='q14' optionId='o14'>
                    <p class="1">反倒是</p>
                </div>
            </div>
        </div>
        <div class="list">
            <p class="title">第二题</p>
            <div class="boxWrap">
                <div class="box">
                    <input type="radio" name="2" questionId='q21' optionId='o21'>
                    <p class="1">11111</p>
                </div>
                <div class="box">
                    <input type="radio" name="2" questionId='q22' optionId='o22'>
                    <p class="1">富士达</p>
                </div>
                <div class="box">
                    <input type="radio" name="2" questionId='q23' optionId='o23'>
                    <p class="1">范德萨发生</p>
                </div>
                <div class="box">
                    <input type="radio" name="2" questionId='q24' optionId='o24'>
                    <p class="1">反倒是</p>
                </div>
            </div>
        </div>
    </div>
    <p class="tijiao" onclick="tijiao()">提交</p>

CSS

.boxWrap{
            overflow: hidden;
        }
        .boxWrap .box{
            float: left;
            overflow: hidden;
        }
        .boxWrap .box input{
            float: left;
        }
        .boxWrap .box p{
            float: left;
        }
        .tijiao{
            width: 100px;
            height: 40px;
            background: palegoldenrod;
        }

function tijiao(){
            var length = $('.listWrap .list').length
            for(var i = 0;i < length;i++){
                if($("input[name='"+ Number(i+1) +"']:checked").length == 0){
                    console.log(3242343)
                    alert('请填入完整信息后再提交')
                    return;
                }else{
                    console.log('这个完整')
                    if(Number(i+1) == length){
                        console.log("判断最后一个了")
                        $('input:radio:checked').each(function(){
                            console.log($(this).attr('questionId'));　　// 选中框中的值
                            console.log($(this).attr('optionId'));　　// 选中框中的值
                        });
                        
                        aaaaaa()       //这里写我想执行的事件
                        return;
                    }
                    continue
                }
            }
        }