问卷调查,多选题

<div id="sortsBox">
    <p class="radioInput">单选框1</p>
    <input type="radio" name="sport" value="足球"/>足球
    <input type="radio" name="sport" value="篮球"/>篮球
    <p class="radioInput">单选框2</p>
    <input type="radio" name="sport2" value="足球2"/>足球2
    <input type="radio" name="sport2" value="篮球2"/>篮球2
    <p id="sore"></p>

    <p>
        第一题:
    </p>

    <p class="sore">
        <label><input name="Fruit" type="checkbox" value=""/>苹果 </label>
        <label><input name="Fruit" type="checkbox" value=""/>桃子 </label>
        <label><input name="Fruit" type="checkbox" value=""/>香蕉 </label>
        <label><input name="Fruit" type="checkbox" value=""/>梨 </label>
    </p>

    <p>
        第二题:
    </p>

    <p class="sore">
        <label><input name="Fruit2" type="checkbox" value=""/>苹果1 </label>
        <label><input name="Fruit2" type="checkbox" value=""/>桃子1 </label>
        <label><input name="Fruit2" type="checkbox" value=""/>香蕉1 </label>
        <label><input name="Fruit2" type="checkbox" value=""/>梨1 </label>
    </p>

    <p id="multiTotal">
    </p>

    <p id="totalSel"></p>
    <input type="button" id="submit" value="提交"/>
</div>

  

 $("#sortsBox :input").change(function () {
        //复选框
        var i = 0;
        $(".sore").each(function () {
            if ($(this).find("input[type='checkbox']:checked").size() != 0) {
                i = i + 1
            }
        })
        $('#multiTotal').html('多选框共做了:' + i + '题');
        //单选框
        var sportText = $("#sortsBox :input[type='radio']:checked").length;
        $('#sore').html('共选中单选框:' + sportText + '题')
        var totoal = i + sportText;
        $("#totalSel").html('已做:' + totoal + '题')
    })

  

posted on 2017-07-03 16:58  懒人猫  阅读(403)  评论(0)    收藏  举报