Javascript 检查是否选择了选项和收音机输入，并显示不同的div

我想检查显示可靠性百分比的表单的可靠性，如密码的进度条

我有更多的无线电输入并选择选项，如果选择了n上的一个元素，我想显示一个div，如果选择了n-1上的两个元素，我想显示一个不同的div，并隐藏旧的div，依此类推。我如何使用javascript实现它

 <select id="type1" name="type1" class="insert_select">
   <option value="9999">-- empty --</option>
   <option value="0">product1</option>
   <option value="1">product2</option>
   <option value="3">product3</option>
   <option value="2">product4</option>                                        
 </select>


<input type="radio" id="yes_no" name="yes_no" value="1" class="radiobox">

---

从你所追求的事物的声音来看，就像下面这样。我使用你在评论中的链接作为工作的基础

$(document).ready(function () {
    $("input, select").change(function () {
        var counter = 0;
        $("input, select").each(function (index, element) {
            var value = $(element).val();

            if ($(element).is('input[type="checkbox"], input[type="radio"]')) {
                if ($(element).is(':checked')) {
                    counter++;
                }
            }
            else if(value.trim() !== "" && value !== "9999"){
                counter++;
            }
        });

        $("#div_1, #div_2, #div_3, #div_4, #div_5").hide();

        $("#div_"+counter).show(); 
    });
});

---

这是一个。

什么是n？到目前为止你试过什么吗？例如，这里有一个select和一个无线电输入，所以如果没有人被选中，我想显示一个div，如果选择了2对1，我想显示一个div，隐藏旧的一个，如果选择了2对2。。。像这样，但不是输入文本也许我误解了，但你打算如何从下拉列表中选择多个选项？你也有一个单选按钮，看起来你在一个复选框后面。这里只有两件事可以选择：单选和下拉菜单，所以n等于2。因此，如果从下拉菜单中选择了一个选项，不管怎样，我都希望显示50%的div，如果选择了选项表单下拉菜单，还有单选按钮，我希望显示100%的div，就像进度条一样。这是什么意思？或者jQueryyes，谢谢，这就是我说的！