0

このように定義された範囲入力があります。

@Html.LabelFor(m => Model.Quality, Resources.CompressionQuality)
<input type="range" name="Quality" id="Quality" data-mini="true" min="0" max="100" value="@Model.Quality">

そしてドロップダウン：

@Html.LabelFor(m => Model.TiffCompression, Resources.TiffCompression)
@Html.DropDownListFor(m => Model.TiffCompression, tiffCompressions, Html.DataMiniAttribute())
@Html.ValidationMessageFor(m => Model.TiffCompression)

ドロップダウンの選択に応じて、範囲入力を有効/無効にしたい。これが私がそれを行う方法です：

<script type="text/javascript">
    $(document).ready(function () {

        function ToggleSection() {
            var selectedVal = $('#TiffCompression').find('option:selected').val();
            $('#Quality').prop('disabled', true);

            switch (selectedVal) {
                case "JPEG":
                    $('#Quality').prop('disabled', false);
                    break;
            }
        }

        ToggleSection();
        $('#TiffCompression').change(function () { ToggleSection(); });
    });
</script>

disabled プロパティは実際には変更されていますが、クリックするまでコントロールは更新されません。、さまざまな更新などを呼び出してみましchange()たが、運がありません。

どうすれば有効/無効にできますか?

4

1 に答える 1

2

なぜうまくいかなかったのかは定かではありませんが、

$('#Quality').slider('disable');

と

$('#Quality').slider("enable");

仕事をした。

于 2013-09-03T08:47:09.960 に答える