Question

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

我有更多的无线电输入和选择选项，我想显示一个div，如果一个元素超过＆＃34; n＆＃34;被选中，如果2个元素超过＆＃34; n-1＆＃34;被选中（并隐藏旧的）等等。我怎么能用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">

Answer 1

通过事物的声音，你在追求下面的事情。我使用您在评论中添加的链接作为工作的基础。

$(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(); 
    });
});

这是jsfiddle。

检查是否选择了选项和无线电输入并显示不同的div

1 个答案: