4

次のjqueryを使用してIDチェックボックスを無効にしています

jQuery

$('.ColVis_collection button').first().find('input').attr("disabled", true);

html

このコードは別のボタン内にあり、クリックするとドロップダウンのようにアクティブになります。

<div class="ColVis_collection TableTools_collection" style="display: block; position: absolute; opacity: 1; top: 102px; left: 274px; width: 449px;">
    <button class="ColVis_Button TableTools_Button" style="width: 449px;">
        <span>
            <span class="ColVis_radio">
                <input type="checkbox" checked="checked">
            </span>
            <span class="ColVis_title">
                <span>
                    id
                </span>
            </span>
        </span>
    </button>
    <button class="ColVis_Button TableTools_Button" style="width: 449px;">
        <span>
            <span class="ColVis_radio">
                <input type="checkbox" checked="checked">
            </span>
            <span class="ColVis_title">
                <span>
                    name
                </span>
            </span>
        </span>
    </button>
    .
    .
    .
</div>

スパン ID を持つ最初のボタンは、jquery を使用して無効になり、無効であることを示すぼかしが表示されますが、クリックすることはできます。つまり、チェック/チェックを外すことができます。何か不足していますか？

編集：

テーブルの列を非表示/非表示にできるjQuery datatables colvis機能を使用しています

この画像でわかるように、チェックボックスは無効になっているように見えますが、チェック/チェックを外すことができます

画像

4

4 に答える 4

11

.attr()の代わりに.prop()を使用して、無効なプロパティを設定します

$('.ColVis_collection button').first().find('input[type="checkbox"]').prop("disabled", true);

デモ:フィドル

属性とプロパティ

于 2013-10-03T15:17:46.807 に答える
4

次のようなことを試してください：

 $("input").prop('disabled', true);
于 2013-10-03T15:21:22.467 に答える
0

何が起こったのかわかりませんでした。後で見るかも。最初のボタンを隠してしまった

$('.ColVis_collection button').first().attr("hidden", true);
于 2013-10-03T16:00:42.700 に答える