许多onchange上显示错误的数据

时间:2014-09-15 21:53:40

标签: javascript jquery onchange

我在onchange事件中修改代码时遇到了麻烦。

一些代码有效,有些代码不能正常工作。

<script>
    $(document).on('change', '.sellkop', function() { // this is radio button
        if ($("#rs").is(':checked')) {
                 $("#text_container").after(price_option());
            };
        if ($("#rk").is(':checked')) {
               $("#price_container").remove();
               $("#licensenumber_c").css({"display": 'none'
           });
         };
    });

 $('#category_group').on('change', function() { // this is select options

    if ($(this).val() == 101) {
              $("#underKategory").css({"display": 'none'});
              $("#modelcontainer").remove();
              $(".toolimage").css({ "display": 'block'});

        $('.sellkop').on('change', function() { // this is radio button
            if ($("#rs").is(':checked')) {
                $("#licensenumber_c").css({"display": 'block'});
                $(".toolimage").css({"display": 'block' });
            } else {
                $(".toolimage").css({"display": 'none'});
            }
        });
    } else {
               $(".bilar").remove();
              $(".toolimage").css({ "display": 'none'});
    }
    if ($(this).val() == 102) {
                $(".houses_container").remove();
                $(".toolimage").css({"display": 'none'});
                $("#underKategory").css({"display": 'inline-block'});
                $("#modelcontainer").remove();
    }

    ///............many other values continue
 });
</script>

我知道有更好的方法来管理这些代码并简化它但我不知道怎么做?

编辑:

我想要的是:如果我选择一个选项,然后获取该选项的值,然后在此类别选项下有单选按钮,所以每个检查按钮我需要显示一些数据或删除

这是一个fiddle看起来我的问题。

会发生什么: 如果我选择类别 - &gt;检查购买 - &gt;然后选择其他。我没有得到相同的结果,就像我直接选择汽车---&gt;买

1 个答案:

答案 0 :(得分:-1)

尝试以下脚本:
            function saljkop(){             var x =&#34; \                      卖\                     购买\                     &#34 ;;             返回x;             }             function price_option(){             var x =&#39; \                     \                     \                  修复\                \                      报价                     \             &#39 ;;             返回x;             }             function cars(){                     var x =&#39; \             &#39 ;;                 返回x             }

        $("#categories").after(saljkop());

        $(document).on('change', '.sellkop', function() { // this is radio button
                if ($("#rs").is(':checked')) {
                     $("#price_container").remove();
                         $("#text_container").after(price_option());

                    };
                if ($("#rk").is(':checked')) {

                       $("#price_container").remove();
                       $("#licensenumber_c").css({"display": 'none'
                   });
                 };
            });

         $('#category_group').on('change', function() { // this is select options

            if ($(this).val() == 101) {
                      $("#sellbuy").after(cars())  ;
                 $("#price_container").remove();
                      $("#text_container").after(price_option());
                      $("#underKategory").css({"display": 'none'});
                      $(".toolimage").css({ "display": 'block'});


            } else {
                       $(".cars").remove();
                      $(".toolimage").css({ "display": 'none'});
            }
            if ($(this).val() == 102) {
                         $("#price_container").remove();
                         $("#text_container").after(price_option());
                        $(".toolimage").css({"display": 'none'});
                        $("#underKategory").css({"display": 'inline-block'});
            }

            ///............many other values continue
         });