1

したがって、私がやろうとしているのは、一連のテーブル フィールドのクラスを作成することだけです。

各クラスは、各テーブル フィールドに複数回適用できます。

Javascript では、一連のチェックボックスに関連するスクリプトを作成したいと考えていました。各チェックボックスをオンまたはオフにすると、関連するクラスが消えます。

例えば：

<input type="checkbox" id="checkbox1" name="check" value="Number1" checked> Contents <br>
<input type="checkbox" id="checkbox2" name="check" value="Number2" checked> Contents <br>
<input type="checkbox" id="checkbox3" name="check" value="Number3" checked> Contents <br>
<input type="checkbox" id="checkbox4" name="check" value="Number4" checked> Contents <br>

次に、特定のクラスを持つテーブル フィールドは、次の Javascript を介して非表示にする必要があります。

function topicSorter() {
    $("#Checkbox1").onclick = function () {if ($("#Checkbox1").checked) {$('.class1').show(); } else {$('.class1').hide(); }
        };
    $('.class1').show();   
}

jQueryを使用せずに、を介してクラスを使用するだけで、これを機能させることができますgetElementByIdが、「クラス」のバリエーションは使用しませんgetElementByClassName...

動いていない。

このインターネットをナンセンスで埋め尽くして申し訳ありません。

4

2 に答える 2

1 
<input name="filter" type="checkbox" value="class-1" /> Class 1
<input name="filter" type="checkbox" value="class-2" /> Class 2
<input name="filter" type="checkbox" value="class-3" /> Class 3
<input name="filter" type="checkbox" value="class-4" /> Class 4

function SetFilter()
{
    var checked = new Array();
    $("input[type='checkbox'][name='filter']:checked").each(function(){
        checked.push("." + $(this).val());
    });    

    var value = checked.join(",");    
    $("tr").filter(":not(" + value + ")").hide();
    $("tr").filter(value).show();
}

$("input[type='checkbox'][name='filter']").change(SetFilter);

SetFilter();

http://jsfiddle.net/hunter/NxcPL/

于 2013-03-19T19:56:00.560 に答える
1

各チェックボックスの値を 1 ～ 4 の数字に変更します。次に、次のコードを試してください。

    $("input[type='checkbox']").change(function() {
        var value = $(this).attr("value");

        $('.class' + value).toggle(this.checked);
    });

このコードは、チェックボックスがクリックされるたびに起動し、対応する値を見つけて、関連するクラスを表示または非表示にします。

于 2013-03-19T19:50:46.263 に答える